只知道文字信息怎么定位?
搜索框输入文字信息,想让页面定位到该地,或者让该地高亮显示该怎么做,求解。
酱紫?注意修改下jquery的选择器
<input type="text" id="txtKeyword" /><input type="button" onclick="search()" value="搜索" />
<table border="1" id="tbBooks">
<tr><td>Id</td><td>书籍名称</td><td>作者</td><td>内容简介</td><td>操作</td></tr>
<tr><td>1</td><td>围城</td><td>作者</td><td>内容简介</td><td>操作</td></tr>
<tr><td>2</td><td>上帝与新物理学</td><td>作者</td><td>内容简介</td><td>操作</td></tr>
<tr><td>3</td><td>乔布斯传</td><td>作者</td><td>内容简介</td><td>操作</td></tr>
</table>
<style>.hit{background:#f00;color:#fff}</style>
<script src="https://g.csdnimg.cn/??lib/jquery/1.12.4/jquery.min.js"></script>
<script>
function search() {
var s = $.trim($('#txtKeyword').val());
if (s) $('#tbBooks tr:gt(0)').removeClass('hit').filter(':contains('+s+')').addClass('hit');
else $('#tbBooks tr:gt(0)').removeClass('hit');
}
</script>
用filter做筛选,然后对相应css进行修改。
let list=[{id:1,name:'张三'},{id:2,name:'李四'}];
let list2=list.filter(k => {
// var reg = new RegExp(strInput, "i");
// return reg.test(k.id); //可以通过正则过滤
return k.id!=2;//将id=2列表的过滤出去
});
console.dir(list2);
————————————————
版权声明:本文为CSDN博主「风无羁」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_34855128/article/details/103703728
高亮的话,你用Jquery改css样式就完事了。
你是想要搜索后滚动到,搜索到的内容吗?还是只是,搜索后高亮?