用jquery突出显示页面中的单词失败

时间:2016-12-08 10:04:54

标签: jquery asp.net asp.net-mvc

我在jQuery函数下面使用这个来突出显示搜索逻辑的单词,

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

};

enter image description here

我正在搜索“你的指南”这个词,但是由于多个span标记,光线没有发生。我尝试结合span标签,但我在页面面临样式问题。感谢你的帮助。

0 个答案:

没有答案