jQuery过滤HTML标签并高亮显示关键字例子演示代码,将要过滤的文字定义在JavaScript中,可定义多个,不过要修改JS代码为数组,这样才可以过滤出多个不同的关键字,本例只是为你演示一个基本的过滤功能,有兴趣的可以自已研究一下。
源代码:
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > <html xmlns= "http://www.w3.org/1999/xhtml" > <head> <meta http-equiv= "Content-Type"
content= "text/html; charset=utf-8"
/> <title>过滤HTML标签,重新补充关键词高亮</title> <style> body{font-size:9pt;} </style> <script type= "text/javascript"
src= "jquery-1.6.2.min.js" ></script> </head> <script> $(document).ready( function () { var
keyword = "常荣软件下载" ; $( "#keyword" ).html( function () { return
$( this ).text().replace(keyword, "<font color=\"red\">" +keyword+ "</font>" ); }); }); </script> <body> <div id= "keyword" >常荣软件下载成立于2006年,请把我们网址加入收藏夹吧!</div> </body> </html> |