使用jquery contains更改div中文本的颜色

Question

使用jquery contains更改div中文本的颜色

div里面的整个文字都是红色的.但我只需要改变"条形"字的颜色

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
     <head>
      <title> new document </title>
     <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
     <script type="text/javascript">
        $(document).ready(function(){
            $("#foo:contains('bar')").css('color','red');
        });
     </script>
     </head>
     <body>
    <div id="foo">
        this is a new bar 
    </div>
     </body>
    </html>

Run Code Online (Sandbox Code Playgroud)

Answer 1

A. *_*lff 6

可以这样做:

http://jsfiddle.net/PELkt/

var search = 'bar';
$(document).ready(function () {
    $("div:contains('"+search+"')").each(function () {
        var regex = new RegExp(search,'gi');
        $(this).html($(this).text().replace(regex, "<span class='red'>"+search+"</span>"));
    });
});

Run Code Online (Sandbox Code Playgroud)

Answer 2

Use*_*343 5

$("div:contains('bar')").each(function () {
    $(this).html($(this).html().replace("bar", "<span class='red'>bar</span>"));
});

Run Code Online (Sandbox Code Playgroud)

这肯定会奏效

请在这里看演示

归档时间：	12 年，5 月前
查看次数：	20988 次
最近记录：	8 年，11 月前