jquery在每个表的第一个表行上应用css

Question

我正在尝试使用以下代码将不同的样式应用于某个类下面的每个第一个表行：

$(".my-class tr:first td").css({"color":"#0064CC","font-size":"15px","border-bottom-style":"none"});

问题是它只会将其应用于在该类下面找到的第一个表。

我在这里缺少什么？

Answer 1

尝试以下方法：

$(".my-class").find("tr:first td").css({"color":"#0064CC","font-size":"15px","border-bottom-style":"none"});

您之前的代码只找到第一行和td，这将找到.my-class的每个元素，并找到找到的元素的第一个tr / td元素。

Answer 2

您也可以尝试精确

$(".my-class").find("tr td:eq(0)").css({"color":"#0064CC","font-size":"15px","border-bottom-style":"none"});

Answer 3

更改

 $(".my-class tr:first td")

到

$("table tr:first").has('.my-class').find('td')

Answer 4

尝试这样的事情

$(".my-class tr:first td").each(function(){
    $(this).css({"color":"#0064CC","font-size":"15px","border-bottom-style":"none"});
})