Question

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

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

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

Answer 1

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

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

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

Answer 2

也使用.css()方法

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

Answer 3

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

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

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

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

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

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

在jQuery中使文本变粗

3 个答案: