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').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/

Answer 3

什麼

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