我想做的是使用jQuery在段落中查找一段文本,并添加一些CSS以使其变为粗体。我似乎无法弄清楚为什么这行不通:
$(window).load(function() { // ADD BOLD ELEMENTS $('#about_theresidency:contains("cross genre")').css({'font-weight':'bold'}); });
动态地提取“ about_theresidency”中的文本,因此在加载窗口后执行该文本。
你可以用replace()与html():
replace()
html()
var html = $('p').html(); $('p').html(html.replace(/world/gi, '<strong>$&</strong>'));
我把它变成了一个lil’插件,在这里:
$.fn.wrapInTag = function(opts) { var tag = opts.tag || 'strong' , 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'] });