div模拟滚动条，table内部，搜索定位

最新推荐文章于 2023-05-18 17:31:03 发布

mrhaoxiaojun

最新推荐文章于 2023-05-18 17:31:03 发布

阅读量718

点赞数

CC 4.0 BY-SA版权

分类专栏： Jquery 文章标签：搜索 div模拟滚动条

本文链接：https://blog.youkuaiyun.com/mrhaoxiaojun/article/details/54375995

Jquery 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了一种使用DIV来模拟滚动条的方法，并结合表格内部的搜索功能实现快速定位到指定行。通过监听键盘输入事件，利用jQuery选择器查找包含特定文本的第一行并计算其位置，最终调整模拟滚动条的位置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

div模拟滚动条，table内部，搜索定位

 $("input").on("keyup",function (argument) {
       var val = $(this).val();
       var selector = "#thetable td:contains('"+val+"'):first";
       console.log( selector );
       var index  = $(selector).parents('tr').index();
       console.log( index );
       var top = index * 40; //索引*行高
       console.log( top );
       $('.jqstb-scroll').scrollTop( top );
   })