table数据较多,有垂直滚动条,通过搜索查到指定的结果,现在需要定位到结果怎么定位,让滚动条自动跳转到结果行的位置...
table数据较多,有垂直滚动条,通过搜索查到指定的结果,现在需要定位到结果怎么定位,让滚动条自动跳转到结果行的位置
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向TA提问
jquery 一个table中定位到某一行的方法如下:
jquery使用css3选择器“:nth-child(n)”可以快速选择具有一定规律排列的元素,:nth-child(n) 用于匹配属于其父元素的第 n 个子元素,其中n 可以是数字、关键词或公式。注意:
此过滤器的序号是从1开始的
需要IE8以上浏览器支持
下面实例演示——为table的第1,4,7,...行添加背景色变色:
1、HTML结构
<table id = "test">
<tr><td>1</td><td>1</td><td>2</td><td>3</td></tr>
<tr><td>2</td><td>4</td><td>5</td><td>6</td></tr>
<tr><td>3</td><td>7</td><td>8</td><td>9</td></tr>
<tr><td>4</td><td>1</td><td>2</td><td>3</td></tr>
<tr><td>5</td><td>4</td><td>5</td><td>6</td></tr>
<tr><td>6</td><td>7</td><td>8</td><td>9</td></tr>
<tr><td>7</td><td>1</td><td>2</td><td>3</td></tr>
<tr><td>8</td><td>4</td><td>5</td><td>6</td></tr>
<tr><td>9</td><td>7</td><td>8</td><td>9</td></tr>
</table>
<input type='button' value='设置'/>
2、jquery代码
$(function(){
$("input[type='button']").click(function() {
$("table#test tr:nth-child(3n+1)").css("background","#229922")
});
});
3、效果演示