jQuery addClass 到第二个表

Question

我一定会丢失它，但我无法将类添加到第二个表（ID 为“table2”），类似于下面的代码。在我当前的代码中，表没有用 id 标记，我这样做只是为了向您展示我需要向哪个表添加一个类。

<div id="content_area">
  <table id="table1">
    <tr>
      <td>data</td>
      <td>
        <table><tr><td>data</td></tr></table>
        <table><tr><td>data</td></tr></table>
      </td>
      <td>
        <table><tr><td>data</td></tr></table>
      </td>
    </tr>
  </table>
  <table id="table2"><tr><td>data</td></tr></table>
</div>

$('#content_area').find('table:eq(1)').addClass('stuff');

Answer 1

这对我有用：

$('#content_area').children('table:eq(1)').addClass('stuff');

这需要对现有代码进行最少的更改。

Answer 2

怎么样

$('#content_area > table:nth-child(2)').addClass('stuff');

Answer 3

试试：

$('#content_area table').eq(4).addClass('stuff');

在您的示例中，带有id="table2" 的表实际上是 content_area 内的第 5 个表。开始计算每个<table> 标签。

如果表 1 中的表是动态的，您可能应该使用：

$('#content_area').children('table:eq(1)').addClass('stuff');

这将查看 content_area 的直接子级并从这些子级获取第二个表。 [根据Kevin Buchan的回答]

见：http://jsfiddle.net/tAZht/2/