将html添加到jquery文本功能[重复]答案

【问题标题】：Add html to jquery text function [duplicate]将html添加到jquery文本功能[重复]
【发布时间】：2016-03-29 21:46:12
【问题描述】：

我正在编辑 wordpress js 并且无法这样做，因为我不是 jquery 专家所以我决定在这里发布问题我想将 AM 或 PM 的字体大小设置为小但在 js 中 html 不是工作我知道这是可能的，因为当我放置 html 标签时它不会转换只是显示为 html 输出

$time.text(hours + ":" + minutes +  ampm);

在 ampm 的地方，我想用

si 我试着这样做

$time.text(hours + ":" + minutes +"<p class='small'>" + ampm + "</p>");

输出为

03:25 <p class='small'> PM </p>

所以 html 是硬编码的，没有转换任何人都可以帮我解决这个问题吗？

【问题讨论】：

【解决方案1】：

将.text 更改为.html:-

$time.html(hours + ":" + minutes +"<p class='small'>" + ampm + "</p>");

jQuery 文档

.text = 将匹配元素集中每个元素的内容设置为指定的文本。

.html = 设置匹配元素集中每个元素的 HTML 内容。

【讨论】：

【解决方案2】：

.html() 将字符串视为/解释为 HTML，而 .text() 将内容视为文本

因此您需要使用.html() 而不是.text()：

$time.html(hours + ":" + minutes +"<p class='small'>" + ampm + "</p>");

【讨论】：