在 jQuery 中使文本变为粗体答案

【问题标题】：Making text bold in jQuery在 jQuery 中使文本变为粗体
【发布时间】：2016-11-11 11:59:02
【问题描述】：

我目前在用相同的文本替换当前文本但以粗体时遇到问题。我已经尝试了以下

var valueInRow = $(value).closest(".label.imaged").text();
var result = valueInRow.bold();
$(value).closest(".label.imaged").text().replaceWith(result);

但我不确定为什么它不起作用；有什么想法吗？

【问题讨论】：

<p>text</p> $('p').css('font-weight', 900)
如果你想用<strong>标签替换<span>标签，这可能会有所帮助：stackoverflow.com/a/3435890/4796321

标签： jquery

【解决方案1】：

你可以清楚地使用.wrapInner()：

围绕匹配元素集中每个元素的内容包装一个 HTML 结构。

$(value).closest(".label.imaged").wrapInner("<strong />");

【讨论】：

当然设置 CSS 比 strong 元素更可取。
@DBS 同意。 :) 但是有些人（比如我）讨厌内联样式和突兀的代码。同意吗？
@PraveenKumar - 关注你并从你身上学到很多东西谢谢

【解决方案2】：

也可以使用.css() 方法

var valueInRow= $(value).closest(".label.imaged");
valueInRow.css('font-weight', 'bold');

【讨论】：

【解决方案3】：

现有答案是完全有效的，但我将添加一个不添加任何新 HTML 元素或内联样式的替代方案。

创建一个 CSS 规则，其目的只是将文本加粗，例如：

.boldText{ font-weight: bold !important; }

然后将允许您通过添加该类来加粗任何元素：

$(value).closest(".label.imaged").addClass("boldText");

*注意!important的使用：通常不推荐使用CSS，因为它经常以错误的方式使用。但是，在这种情况下，如果您将一个名为 boldText 的类添加到一个元素，您可能总是希望它具有粗体文本。

【讨论】：