如何用jquery定位特定的字母/单词?

时间:2010-03-27 17:34:48

标签: jquery css

仅作为示例,我想将“fancy”类应用于文档中“&”符号的所有出现次数

CSS:

.fancy { font-style: italic; }

所以看起来像这样的文字:

Ben & Jerry's

将被jquery操纵到:

Ben <span class="fancy">&amp;</span> Jerry's

是否有针对特定单词/短语/字母的功能?

3 个答案:

答案 0 :(得分:4)

这不是jQuery通常有用的东西 - 它在节点级别比text / html级别更有效。但是,this might helpsource):

$('p:contains(&)').each(function(){
  $(this).html(
    $(this).html().replace('&amp;','<span class=\'fancy\'>&amp;</span>')
  );
});

显然,如果您可以将初始搜索限制为比所有段落更好的搜索,那么它的表现会更好。您还应该对其进行测试,看看:contains过滤器是否真的有用。

它不漂亮,但似乎有用。

答案 1 :(得分:2)

有一个“突出显示”插件几乎完全按照你的描述进行操作:

http://johannburkard.de/blog/programming/javascript/highlight-javascript-text-higlighting-jquery-plugin.html

答案 2 :(得分:1)