2013-06-25 62 views
0

如果我有一個HTML結構這樣jQuery的SELECT語句

<table> 
    <tbody> 
     <tr> 
      <td></td> 
      <td></td> 
      <td></td> 
     </tr> 
    </tbody> 
</table> 
<table> 
    <tbody> 
     <tr> 
      <td></td> 
      <td></td> 
      <td></td> 
     </tr> 
    </tbody> 
</table> 
<table> 
    <tbody> 
     <tr> 
      <td></td> 
      <td></td> 
      <td></td> 
     </tr> 
    </tbody> 
</table> 
etc... 

在表格標籤只是重複。我怎樣才能寫一個select語句來獲得每個表標籤的第三個td標籤?

感謝

回答

5

你可以這樣做:

$('table tr td:nth-child(3)') 

這裏是一個fiddle demo

+0

怎麼樣'$('表> TBODY> TR> TD:第n個孩子(3) 「)'? – omega

+0

當然你可以這樣做 - '>'是一個更具體的情況,它特別尋找子節點(而不是大孩子節點)。如果這是所有表的結構一致,那麼你的情況就會起作用。 – karthikr

0

試試這個:$(「TD:第n個孩子( 2)「)。append(」 - 2nd!「);

0

實際上,你可以使用:

$('table tbody tr td:last-child') 

至極將在CSS3工作,太:

table tbody tr td:last-child{ 
    background:red; 
}