jquery - 如何在每个第三表行中设置某些 td 的样式？

Question

如何选择每 3 行中的每 4td？

我有一个 jQgrid 图表，并且 id 喜欢从第一行开始为每第三行定位客户端列。

这是一个例子：http: //jsfiddle.net/ZHRaD/13/

基本的html：

<tr>
   <td></td>
   <td></td>
   <td></td>
   <td></td> // <<
   <td></td>
</tr>
<tr>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
</tr>
<tr>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
</tr>
<tr>
   <td></td>
   <td></td>
   <td></td>
   <td></td> // <<
   <td></td>
</tr>

....

Answer 1

使用:nth-child()

$('tr:nth-child(3n+1) td:nth-child(4)').css('color','blue');

更新

演示

$('tr:nth-child(3n-1) td:nth-child(4)').css('color','blue');

Answer 2

您可以使用DOM 的rows属性来访问元素，使用 DOM 的属性来访问元素。相应的代码看起来像<table><tr>cells<tr><td>

loadComplete: function () {
    var rows = this.rows, cRows = rows.length, iRow, row,
        iSelRows = 0;
    for (iRow = 0; iRow < cRows; iRow++) {
        row = rows[iRow]; // row.id is the rowid
        if ($(row).hasClass("jqgrow")) {
            // the row is a standard row
            if (iSelRows%4 === 0) {
                $(row.cells[3]).addClass("ui-state-highlight");
            }
            iSelRows++;
        }
    }
}

对应修改后的 jsfiddle 演示在这里。

Answer 3

这应该可以解决问题，一点点css

table tr:nth-child(1) td:nth-child(4), table tr:nth-child(4n+4) td:nth-child(4) {background:green;}

认为我看错了，也试试

table tr:nth-child(3n+3) td:nth-child(4) {background:green;}

Answer 4

$(tr:eq(2)) 被罚款第 3 行 如果罚款第 3 行第 2 列然后 $(tr:eq(2)>td:eq(1))

因为索引从 0 开始