如何用jquery实现搜索到的关键字标红显示
先将就这么用下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery.js" ></script>
<script>
$(function(){
toRed("我是");
});
function toRed(content){
var bodyHtml = $("body").html();
console.info(bodyHtml);
var x = bodyHtml.replace(new RegExp(content,"gm"),"<font color='red' >"+content+"</font>")
$("body").html(x);
console.info(x);
}
</script>
</head>
<body>
<div>
哈哈哈哈哈哈我是。。。。。。。。。。。
<div>asdasd a我是。。。。。。、、
<p>阿斯达实打实的我是
<span>asd asd 我是</span>
</p>
</div>
</div>
<p>我是asdljkalsdkjklajsdljlajkds</p>
<div>asdkh我是afsgfgfgg</div>
</body>
</html>
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery.js" ></script>
<script>
$(function(){
toRed("我是");
});
function toRed(content){
var bodyHtml = $("body").html();
console.info(bodyHtml);
var x = bodyHtml.replace(new RegExp(content,"gm"),"<font color='red' >"+content+"</font>")
$("body").html(x);
console.info(x);
}
</script>
</head>
<body>
<div>
哈哈哈哈哈哈我是。。。。。。。。。。。
<div>asdasd a我是。。。。。。、、
阿斯达实打实的我是
<span>asd asd 我是</span>
</p>
</div>
</div>
我是asdljkalsdkjklajsdljlajkds</p>
<div>asdkh我是afsgfgfgg</div>
</body>
</html>
代码全部结束。
代码如下:<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="js/jquery.js" ></script><script>$(function(){toRed("我是");});
function toRed(content){var bodyHtml = $("body").html();console.info(bodyHtml);var x = bodyHtml.replace(new RegExp(content,"gm"),"<font color='red' >"+content+"</font>")$("body").html(x);console.info(x);}</script></head><body><div>哈哈哈哈哈哈我是。。。。。。。。。。。<div>asdasd a我是。。。。。。、、阿斯达实打实的我是<span>asd asd 我是</span></p></div></div>我是asdljkalsdkjklajsdljlajkds</p><div>asdkh我是afsgfgfgg</div></body></html>
代码全部结束。