jQuery在.find（）后使用选择器

Question

我有一些代码，我想查看表中的每一行，并查找特定于类的特定类。

$("tr").each(function() {
    $(this).find("td").find(".group_name").css("background-color", "red");
});

这样所有带有“group_name”类的td都变为红色。

Answer 1

实际上这应该足够了：

$("tr td.group_name").css("background-color", "red");

Answer 2

使用此

$('tr').find('td.group_name').css('background-color', 'red');

Answer 3

为什么这么复杂？ 这更容易

$('tr td.group_name').css('background-color', 'red');

Answer 4

你不需要迭代它......

执行$("tr td.group_name")时，它将选择tr中具有class =“group_name”的所有td元素

所以

$("tr td.group_name").css("background-color", "red");

绰绰有余：）

Answer 5

jQuery在这里真的太过分了，因为你的最终目标是为<td>个group_name个元素中<tr>个元素添加红色背景颜色（它们是什么时候）不？）。为此，您可以使用CSS声明：

td.group_name {
    background-color: red !important;
}

Answer 6

这就是你想要的：

     $("tr").each(function() {
         $(this).find("td .group_name").css("background-color", "red");
     });