我有一些代码,我想查看表格中的每一行并查找具有特定类的特定类。
$("tr").each(function() {
$(this).find("td").find(".group_name").css("background-color", "red");
});
这样所有具有“group_name”类的 td 都变为红色。
我有一些代码,我想查看表格中的每一行并查找具有特定类的特定类。
$("tr").each(function() {
$(this).find("td").find(".group_name").css("background-color", "red");
});
这样所有具有“group_name”类的 td 都变为红色。
实际上这应该足够了:
$("tr td.group_name").css("background-color", "red");
用这个
$('tr').find('td.group_name').css('background-color', 'red');
为什么这么复杂?这更容易
$('tr td.group_name').css('background-color', 'red');
你不需要迭代它......
当你这样做 $("tr td.group_name")
时,它将选择 tr 中所有具有 class = "group_name" 的 td 元素
所以
$("tr td.group_name").css("background-color", "red");
会绰绰有余:)
jQuery 在这里真的是矫枉过正,因为您的最终目标是为<td>
元素内的任何具有group_name
类的元素添加红色背景色<tr>
(什么时候不是?)。为此,您可以只使用 CSS 声明:
td.group_name {
background-color: red !important;
}
那是你要的吗 :
$("tr").each(function() {
$(this).find("td .group_name").css("background-color", "red");
});