在jQuery中查找文本字符串并使其加粗

  • Z时代
  • 2024-01-10
  • 分类：问答

我想做的是使用jQuery在一个段落中查找一段文本并添加一些CSS以使其变为粗体。我似乎无法弄清楚为什么这行不通：

$(window).load(function() {
// ADD BOLD ELEMENTS
$('#about_theresidency:contains("cross genre")').css({'font-weight':'bold'});
});

动态地提取“ about_theresidency”中的文本，因此在加载窗口后执行该文本。

回答：

你可以用replace()与html()：

var html = $('p').html();
$('p').html(html.replace(/world/gi, '<span>$&</span>'));

我把它变成了一个lil’插件，在这里：

$.fn.wrapInTag = function(opts) {
  var tag = opts.tag || 'span'
    , words = opts.words || []
    , regex = RegExp(words.join('|'), 'gi') // case insensitive
    , replacement = '<'+ tag +'>$&</'+ tag +'>';
  return this.html(function() {
    return $(this).text().replace(regex, replacement);
  });
};
// Usage
$('p').wrapInTag({
  tag: 'em',
  words: ['world', 'red']
});

以上是 在jQuery中查找文本字符串并使其加粗 的全部内容， 来源链接： utcz.com/qa/403586.html

回到顶部