查找并包裹 & 符号 | CSS-Tricks

加载此插件。然后

$("body *").replaceText( /&/gi, '<b class="ampersand">' + '&' + '</b>' );

根据需要更改选择器。那个选择器非常复杂。

现在你拥有一个类名，可以用它来专门样式化这些 & 符号。

.ampersand {
   font-family: Baskerville, Some Other Cool Font, Serif;
   font-style: italic;
}

Bradley Rosenfeld

# 2012 年 6 月 6 日

只是一个提示，代码片段缺少围绕 & 符号的 HTML，该 HTML 包含一个名为 ampersand 的类。

James Brumond

# 2012 年 6 月 6 日

我认为你在上面的示例中没有正确地转义 HTML 代码。

Hugo

# 2012 年 6 月 7 日

嗨，Chris！

当你有特殊 unicode 字符，例如 ×、< 或其他字符时，这不会成为问题吗？它会破坏这些字符吗？

Taufik Nurrohman

# 2012 年 7 月 20 日

JQuery .highlight() 文本插件

jQuery.fn.highlight = function(str, className) {
    var regex = new RegExp(str, "gi");
    return this.each(function() {
        $(this).contents().filter(function() {
            return this.nodeType == 3 && regex.test(this.nodeValue);
        }).replaceWith(function() {
            return (this.nodeValue || "").replace(regex, function(match) {
                return "<span class=\"" + className + "\">" + match + "</span>";
            });
        });
    });
};

http://jsfiddle.net/tovic/kfqJu/1/

Taufik Nurrohman

评论永久链接# 2012 年 7 月 20 日

来源： http://www.gotoquiz.com/web-coding/programming/javascript/highlight-words-in-text-with-jquery/

评论

发表回复 取消回复

发表回复取消回复