javascript - JQuery 查找和更改字符串的样式

Question

我需要编写一个函数来搜索我的 HTML 页面中的所有内容以查找特定字符串，如果找到它，则更改文本的颜色。

这可能吗？

谢谢

Answer 1

你可以这样做:

CSS:

.someclass {
    color: red;
}

Javascript:

$('p:contains('+yourstring+')', document.body).each(function(){
  $(this).html($(this).html().replace(
        new RegExp(yourstring, 'g'), '<span class=someclass>'+yourstring+'</span>'
  ));
}​);​

请注意，如果您的字符串位于标记或属性中，这会产生问题。

Demonstration

在将处理程序附加到段落(或其中可能包含字符串的元素，例如链接)之前，请小心运行此代码。