jquery 一个table中定位到某一行的方法如下:
jquery使用css3选择器“:nth-child(n)”可以快速选择具有一定规律排列的元素,:nth-child(n) 用于匹配属于其父元素的第 n 个子元素,其中n 可以是数字、关键词或公式。注意:
此过滤器的序号是从1开始的
需要IE8以上浏览器支持
下面实例演示——为table的第1,4,7,...行添加背景色变色:
1、HTML结构
1 | 1 | 2 | 3 |
2 | 4 | 5 | 6 |
3 | 7 | 8 | 9 |
4 | 1 | 2 | 3 |
5 | 4 | 5 | 6 |
6 | 7 | 8 | 9 |
7 | 1 | 2 | 3 |
8 | 4 | 5 | 6 |
9 | 7 | 8 | 9 |
2、jquery代码
$(function(){
$("input[type='button']").click(function() {
$("table#test tr:nth-child(3n+1)").css("background","#229922")
});
});
3、效果演示
var tab = $('#table'),
scrollTo = $('#row_n'); //获取指定行的元素
tab.scrollTop(
scrollTo.offset().top - tab.offset().top + tab.scrollTop()
);
搜索是要关联后台吧,给你一个思路:用ajax去后台连接数据库搜索想要的结果,将数据传到前台来,然后重新动态绘制表格
$('body,html').animate({scrollTop: $('#id).offset().top}, 500);
#id是你要定位的id对象,
500是0.5秒执行完成