如何用jquery实现搜索到的关键字标红显示

 我来答
百度网友062f9c8
推荐于2018-05-03 · TA获得超过1254个赞
知道小有建树答主
回答量:840
采纳率:60%
帮助的人:730万
展开全部

先将就这么用下:

<!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>
WW52323
2018-04-10 · TA获得超过9121个赞
知道小有建树答主
回答量:25
采纳率:100%
帮助的人:3771
展开全部

代码如下:
<!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>

代码全部结束。

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
德鲁大叔435
2018-04-28
知道答主
回答量:3
采纳率:0%
帮助的人:2615
引用WW52323的回答:
代码如下:<!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>
代码全部结束。
展开全部
你这个不行啊 搜索出来的都是多条数据 然而你这样都把他们变成一个标题了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 2条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式