jquery 一个table中，定位到指定的行

2024-11-22 22:34:23

推荐回答（4个）

回答（1）：

jquery 一个table中定位到某一行的方法如下：

jquery使用css3选择器“:nth-child(n)”可以快速选择具有一定规律排列的元素，:nth-child(n) 用于匹配属于其父元素的第 n 个子元素，其中n 可以是数字、关键词或公式。注意：

此过滤器的序号是从1开始的

需要IE8以上浏览器支持

下面实例演示——为table的第1,4,7，...行添加背景色变色：

1、HTML结构

1123
2456
3789
4123
5456
6789
7123
8456
9789

2、jquery代码

$(function(){
$("input[type='button']").click(function() {
$("table#test tr:nth-child(3n+1)").css("background","#229922")
});
});

3、效果演示

回答（2）：

var tab = $('#table'), 
scrollTo = $('#row_n'); //获取指定行的元素

tab.scrollTop( 
scrollTo.offset().top - tab.offset().top + tab.scrollTop() 
);

回答（3）：

搜索是要关联后台吧，给你一个思路：用ajax去后台连接数据库搜索想要的结果，将数据传到前台来，然后重新动态绘制表格

回答（4）：

$('body,html').animate({scrollTop: $('#id).offset().top}, 500);
#id是你要定位的id对象，
500是0.5秒执行完成