jquery - 奇数/偶数クラスがまだないテーブル行にのみ奇数/偶数クラスを追加するにはどうすればよいですか?

Question

奇数/偶数クラスがまだないテーブル行にのみ奇数/偶数クラスを追加するにはどうすればよいですか? (一部のテーブルでは、PHP サイクル関数を使用します)。

これは正しいです？

$("table tbody tr td")
  .parent("tr:nth-child(odd):not(.odd)")
  .addClass("odd")
  .end()
  .parent("tr:nth-child(even):not(.even)")
  .addClass("even");

Answer 1

jQueryは、クラスがすでに定義されている場合、そのクラスを複製しません。もちろん、いつでも使用して確認できますが.hasClass()、このシナリオでは必要ありません。

試す：

$("table tbody tr:nth-child(odd)").addClass("odd");
$("table tbody tr:nth-child(even)").addClass("even");

[編集]：あなたの質問から、すべてではありませんが、いくつかの行に「奇数」または「偶数」クラスがすでに追加されているようです。最も安全な方法は、すべてのクラスを削除し、JSを使用してそれらを追加し直すことです-$("table tbody tr").removeClass("odd even")

Answer 2

以下のように使えないのはなぜですか？

$("table tbody tr:odd").addClass("odd");
$("table tbody tr:even").addClass("even");