jquery获取相同的内容并且高亮

最新推荐文章于 2020-04-14 14:31:43 发布

Daisukes

最新推荐文章于 2020-04-14 14:31:43 发布

阅读量1k

点赞数 1

分类专栏： jquery

本文链接：https://blog.csdn.net/Daisukes/article/details/50553080

版权

jquery 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

 
 <!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title> 页面名称 </title>
<style type="text/css">
#edit span {
    background: #FFFF00;
}
</style>
</head>
<body>
<div><h4>你查询的词是</h4><input type="text" class="ss" id="text" /><input type="button" value="搜索" class="btn_ss" onclick="sf()" /></div>
<div id="edit" contentEditable="true">
    lication.These techniques allow a VM to dynamically translate a pro-gram to nested, type-specialized trace trees. 
</div>
<script type="text/javascript">
function sf() {
    var reg = document.getElementById("text").value.replace(/[\.\\\/\|\(\)\[\]\{\}\?\+\*\^\$\"\']/g,"\\$&");
    var html = document.getElementById("edit").innerHTML.replace(/<\/?span>/ig,"");
    document.getElementById("edit").innerHTML = html.replace(new RegExp(reg,"ig"),"<span>$&</span>");
}
</script>
</body></html>
 

Daisukes

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery获取相同的内容并且高亮

"en"> "UTF-8" /> "X-UA-Compatible" content="IE=edge,chrome=1" /> 页面名称 "text/css">#edit span { background: #FFFF00;}你查询的词是"text" class="ss" id="text" />"button" value="搜索" class="b
复制链接

扫一扫

专栏目录