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>