jquery $（'id'）。带粗体的文字

Question

我有一个jquery可以更改链接的文本，如下所示：

if (urlfind > 0) {
    $('#linkurl').text('More info');
}

和html：

<a href = "" id = "linkurl"></a>

我正在尝试为此链接添加粗体，但添加<b>More Info</b>会使它们在文本本身中转义，而不是使文本变为粗体

Answer 1

.html()将字符串设置为HTML内容，而.text()将字符串设置为文本。

写：

if (urlfind > 0) {
    $('#linkurl').html('<b>More info</b>');
}

OR

if (urlfind > 0) {
    $('#linkurl').html('<strong>More info</strong>');
}

.html() .text()

Answer 2

text()方法插入文字，html()方法插入HTML，<b>标记为HTML

if (urlfind > 0) {
    $('#linkurl').html('<b>More info</b>');
}

Answer 3

或者如果你想获得奢侈（并且有点不必要）：

if (urlfind > 0) {
  $('#linkurl').css('font-weight', 'bold');
}

Answer 4

您只需通过 .text() 方法添加样式即可保留 .css() 方法：

if (urlfind > 0) 
{
    $('#linkurl')
        .text('More info')
        .css('font-weight', 'bold');
}

的 See working jsFiddle demo 的