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秒执行完成