当前位置: 代码迷 >> Java Web开发 >> jquey 改变匹配字符的CSS?解决办法
  详细解决方案

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

热度:8082   发布时间:2013-02-25 21:19:31.0
jquey 改变匹配字符的CSS???
假如我要把网页中所有的“感谢了”字体颜色改为red 

jquery 怎么控制呢?

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


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

------解决方案--------------------------------------------------------
首先找到所有的包含“感谢了”这三个字的所有容器 然后获得这个容器的里面的文本 () 返回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)();                if( r.test(h) ){                    $(this)('<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)();                $(this)( h.replace('感谢了', '<span style="color:red;">感谢了</span>') );            })        </script>    </body></html>
  相关解决方案