Kozackman Lab

evenフィルター／oddフィルター

セレクターの中から偶数番目に出現する要素を「evenフィルター」で、
奇数番目に出現する要素を「oddフィルター」で指定できる。
ただし、JavaScriptでは、数字を0から数えるので、最初の要素は1ではなく0になる。

<script type="text/javascript">
   $(function(){
      $("li:odd").css("color","#9cf");
      $("li:even").css("color","#73ff73");
   });
</script>

<ul>
   <li>テキスト1テキスト1テキスト1</li>
   <li>テキスト2テキスト2テキスト2</li>
   <li>テキスト3テキスト3テキスト3</li>
   <li>テキスト4テキスト4テキスト4</li>
</ul>

偶数番目(0番目と2番目)のli要素が#73ff73の色に、
奇数番目(1番目と3番目)が#9cfの色に変わる。

odd/evenフィルターは、指定したセレクターで奇数(偶数)に登場する要素を選択できる。

• テキスト1テキスト1テキスト1
• テキスト2テキスト2テキスト2
• テキスト3テキスト3テキスト3
• テキスト4テキスト4テキスト4

2012/08/31　8:07 AM｜ カテゴリー ： jQuery｜ コメント