選擇表格中每一行的第二個單元格

Question

我有一個表格，我可以成功選擇每一行的第一個單元格，但是我不能使用相同的代碼來選擇每一行的第二個單元格。請幫助我選擇並更改每行第二個單元格的CSS。我不使用普通CSS的原因是因爲這些是未來的表格單元格。

$("#part_rows tr td:first-child").css("width","150px"); 

上面的工作正常，但以下不起作用。

$("#part_rows tr td:second-child").css("width","150px"); 

Answer 1

使用nth-child selector：

$("#part_rows tr td:nth-child(2)").css("width","150px"); 

如果您打算使用jQuery，一個小時花了通過entire list of jQuery methods and selectors瀏覽會爲你節省很多時間沿着軌道...

「我不使用正常的CSS的原因，因爲這些是未來的表格單元格。」

你試過「正常」的CSS嗎？我想你會發現它可以在動態添加的元素上工作。

Answer 2

你正在尋找的:nth-child selector

Answer 3

$("#part_rows tr").find('td:eq(1)') 

在jQuery的結合.find() - 你可以使用2個漂亮的傢伙做的工作非常好。你可以看看：

http://api.jquery.com/find/
http://api.jquery.com/eq/
http://api.jquery.com/eq-selector/