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

发布网友 发布时间：2022-05-02 17:47

我来回答

共4个回答

热心网友 时间：2022-04-20 23:46

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、效果演示

热心网友 时间：2022-04-21 01:04

热心网友 时间：2022-04-21 02:38

热心网友 时间：2022-04-21 04:30