代码之家  ›  专栏  ›  技术社区  ›  Gal

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

  •  4
  • Gal  · 技术社区  · 16 年前

    作为一个例子,我想应用这个类” fancy “至 所有事件 “符号” & “在文档中。

    CSS:

    .fancy { font-style: italic; }
    

    这样的文本:

    Ben & Jerry's
    

    将由jquery对此进行操作:

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

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

    3 回复  |  直到 12 年前
        1
  •  4
  •   shsteimer    16 年前

    这并不是jquery通常有用的东西——它在节点级别比文本/html级别更有效。然而, this might help ( source ):

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

    显然,如果你能把最初的搜索限制在比所有段落更好的地方,那么它的性能会更好。您还应该测试它,看看 :contains 过滤实际上有帮助。

    它不漂亮,但似乎很管用。

        2
  •  2
  •   Pointy    16 年前

    有一个“突出显示”插件,它几乎完全按照您描述的方式工作:

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