jquey 改变匹配字符的CSS？解决办法-Java教程-爱易网页

jquey 改变匹配字符的CSS？解决办法

日期：2014-05-17　浏览次数：20968 次

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>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

jquey 改变匹配字符的CSS？解决办法

相关资料更多>

推荐阅读更多>