日期:2014-05-17  浏览次数:20649 次

jquey 改变匹配字符的CSS???
假如我要把网页中所有的“感谢了”字体颜色改为red 

jquery 怎么控制呢?

现在我是这样写的:
JScript code
$(":contains('感谢了')").css("color","red");


这样写的话,只要包含“感谢了”的文本都会变成红色,我只要改变“感谢了”三个字,应该怎么写?

------解决方案--------------------
首先找到所有的包含“感谢了”这三个字的所有容器 然后获得这个容器的里面的文本 .html() 返回String类型然后调用replace方法 把所有的“感谢了”这三个字替换为<span class='replace'>感谢了</span> 所有的都改完之后 该怎么做 你应该知道了吧
------解决方案--------------------
HTML code

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="gb2312" />
        <title></title>    
        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <style>
        
        </style>
    </head>
    <body>
        <div>123感谢了123</div>
        <div>感谢了</div>
        <div>123感谢了</div>
        <script>
            var r = /^感谢了$/;
            $('div').each(function(){
                var h = $(this).html();
                if( r.test(h) ){
                    $(this).html('<span style="color:red;">'+h+'</span>');
                }
            })
        </script>
    </body>
</html>

------解决方案--------------------
HTML code

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="gb2312" />
        <title></title>    
        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <style>
        
        </style>
    </head>
    <body>
        <div>123感谢了123</div>
        <div>感谢了</div>
        <div>123感谢了</div>
        <script>
            $('div').each(function(){
                var h = $(this).html();
                $(this).html( h.replace('感谢了', '<span style="color:red;">感谢了</span>') );
            })
        </script>
    </body>
</html>