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>'
  ));
}?);?

请注意,如果yourstring位于标记或属性中,则会出现问题.

示范

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