:even

$(':even') 1.0追加

インデックスが0番目を含む偶数番にマッチする要素を選択します。
インデックス番号が0からカウントされるため、1番目、3番目…の要素が選択されます。

補足事項

:evenはjQueryが独自に拡張した仕組みでCSSには存在しない概念です。 そのため、querySelectorAll()によって提供されるパフォーマンスを享受することが出来ません。 最高のパフォーマンスを出すためには、純粋なCSSセレクタのみを使用して要素を特定し、 それに対して.filter(":even")を適用してください。

デモ

インデックスが偶数番目の行のセルの背景色を変更しています。

<!DOCTYPE html>
<html>
<head>
<style>
table {
  background:#eeeeee;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<table border="1">
<tr><td>行インデックス番号 #0</td></tr>
<tr><td>行インデックス番号 #1</td></tr>
<tr><td>行インデックス番号 #2</td></tr>
<tr><td>行インデックス番号 #3</td></tr>
</table>
<script>$("tr:even").css("background-color", "#bbbbff");</script>
</body>
</html>

 Back to top

© 2010 - 2017 STUDIO KINGDOM