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

标签 jquery html css jqgrid css-tables

如何在每 3 行中选择每 4td?

我有一个 jQgrid 图表和 id 喜欢从第一行开始的每 3 行定位客户列。

这是一个例子: 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>

....

最佳答案

使用: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');

关于jquery - 如何在每个第三表行中设置某些 td 的样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19498794/

相关文章:

javascript - toggleClass() 在 Angular 4 中不起作用

jquery - .NET 4.5 中 MSAjax 和 WebFormsJS 的文档在哪里?

jquery - 为什么 Negator 伪类在 jQuery 中不起作用?

javascript - 我如何使用 jQuery 删除除特定类之外的所有 div 和其他 DOM HTML 元素

列表周围的 Html/Css 边框

html - 为什么我的 bootstrap 4 列高度不同?

jquery - CSS 的语法荧光笔 (ace ajax)

javascript - 如何仅在 JS/jQuery 中处理冲突?

javascript - 如何处理多个按钮的输入键功能?

javascript - Angularjs - 如何将 JSON 数据内的数组调用为 html