HTML根据输入文本定位到页面内该文本位置。

只知道文字信息怎么定位?

搜索框输入文字信息,想让页面定位到该地,或者让该地高亮显示该怎么做,求解。

酱紫?注意修改下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样式就完事了。

你是想要搜索后滚动到,搜索到的内容吗?还是只是,搜索后高亮?