选择每行w/jQuery中的第一个TD

Question

如何为表格中每行的每个第一个单元格指定样式？

$("#myTable tr td:first").addClass("black");

Answer 1

使用:first-child伪类而不是:first.

$("#myTable tr td:first-child").addClass("black");

该:first伪类实际上将会选择在您的列表中返回的第一个元素.例如,$('div span:first')将返回唯一正巧返回的第一个div下的第一个跨度.

的:first-child伪类选择一特定父下的第一个元素,但返回作为有第一儿童的许多元素.例如,$('table tr td:first-child')返回每一行的第一个单元格.

当您使用时:first,它只返回恰好被选中的第一行的第一个单元格.

有关更多信息,请参阅jQuery文档:

• http://api.jquery.com/first-selector/
• http://api.jquery.com/first-child-selector/

Answer 2

你非常接近,我认为你需要的只是:first-child代替:first,所以这样的事情:

$("#myTable tr td:first-child").addClass("black");

Answer 3

像这样：

$("#myTable tr").each(function(){
    $(this).find('td:eq(0)').addClass("black");
});

Answer 4

$("#myTable tr").find("td:first").addClass("black");