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

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

在结合.find()的jQuery中 - 你可以使用2个很好的人来完成这项工作。你可以看看：

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