Question

我有一张正在工作的桌子，它是这样的：

<table width="100%" border="0" cellspacing="0" cellpadding="0" id="tablecontent">
  <tr class="tablerow">
    <td>This is the td I want to add a class to.</td>
    <td class="cell2">Stuff</td>
    <td class="cell3">Stuff</td>
  </tr>
  <tr class="tablerow">
    <td>This is the td I want to add a class to.</td>
    <td class="cell2">Stuff</td>
    <td class="cell3">Stuff</td>
  </tr>
</table>

每行中的第一个TD标记没有可使用的类或ID。我没有更改HTML输出的权限，所以我想添加一点jQuery来针对每个表行的第一个TD标记。我该怎么做？

Answer 1

$( #tablecontent td:first-child ).addClass( someClass );

这使用第一个子选择器，以选择#tablecontent表中的所有<；td>；元素，这些元素是其父级的第一个子。

示例：http://jsfiddle.net/duKKC/

Answer 2

你可以试试下面的jQuery

$( .tablerow ).each(function(index) {
    $(this).children( td ).first().addClass( class );
});

这将解决您的问题：）

Answer 3

$(".tablerow").find("td:first-child").addClass( class );

Answer 4

我相信以下几点会奏效：

$( .tablerow td:first-child ).addClass( class );

Answer 5

$( #tablecontent td:first-child ).addClass("first-row");

友情链接