:odd
$(':odd') 1.0追加
インデックス番号が奇数の要素を選択します。
インデックス番号が0からカウントされるため、2番目、4番目…の要素が選択されます。
補足事項
:oddは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>
© 2010 - 2017 STUDIO KINGDOM