如何在每个第3个表格行中设置特定的td样式？

Question

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

我有一个jQgrid图表和ID，希望从第一个行开始的每个第三行都以client列为目标。

这是一个示例： 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

可以使用rows的属性<table> DOM访问<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））如果被罚款第三行第二列，则被罚款第三行，然后$（tr：eq（2）> td：eq（1））

因为索引从0开始