选择表格中每一行的第二个单元格

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/