テーブルの各行を調べて、クラス固有のクラスで特定の行を探したいコードが少しあります。
$("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")
と、class="group_name"を持つtr内のすべてのtd要素が選択されます
それで
$("tr td.group_name").css("background-color", "red");
十分すぎるでしょう:)
jQueryは、要素内にあるクラスを<td>
持つ要素に赤い背景色を追加することを最終目標としているため、ここでは本当にやり過ぎです(そうでない場合は?)。そのためには、CSS宣言を使用できます。group_name
<tr>
td.group_name {
background-color: red !important;
}
それはあなたが望むものですか:
$("tr").each(function() {
$(this).find("td .group_name").css("background-color", "red");
});