如何在每個第三個表格行中設置某個td？

我有一個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> 

....

來源

2013-10-21 Anon

您可以使用屬性DOM的<table>rows訪問<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演示是here。

來源

2013-10-21 16:20:02 Oleg

使用:nth-child()

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

更新

DEMO

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

來源

2013-10-21 15:37:01

@LivingstonStorm查看工作演示http://jsfiddle.net/cse_tushar/ZHRaD/219/ –

這應該做的伎倆，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;}

來源

2013-10-21 15:42:58

$（TR：當量（2））被罰款第三行如果判罰第三行第二列然後 $（TR：當量（2）> TD：當量（1））

因爲索引開始0

來源

2017-05-11 15:53:10

歡迎！我認爲你的答案實際上應該包含一些代碼。例如，你能否將你的解決方案作爲問題中提供的jsfiddle的一個分支來實現？ –

如何在每個第三個表格行中設置某個td？

回答

相關問題