jQuery addClass到第二个表

时间:2011-04-25 18:03:50

标签: jquery addclass next

我必须放弃它,但我不能将classClass添加到第二个表格(带有id' table2'),类似于下面的代码。在我当前的代码中,表格没有用ids标记,我只是为了向你展示我需要添加一个类的表。

<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');

3 个答案:

答案 0 :(得分:1)

尝试:

$('#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/

答案 1 :(得分:1)

这对我有用:

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

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

答案 2 :(得分:1)

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