HOME > > > > >

:odd

jQueryオブジェクトが保持しているDOM要素のindexが奇数番号のものを選択する。

サンプル

実行結果

  • list 0
  • list 1
  • list 2
  • list 3
  • list 4
  • list 5
  • list 6
  • list 7
  • list 8
  • list 9

Javascript

  1. $('.jqTest li').find(':odd').css({background: '#009999'});

HTML

  1. <div class="jqTest">
  2.     <ul>
  3.         <li>list 0</li>
  4.         <li>list 1</li>
  5.         <li>list 2</li>
  6.         <li>list 3</li>
  7.         <li>list 4</li>
  8.         <li>list 5</li>
  9.         <li>list 6</li>
  10.         <li>list 7</li>
  11.         <li>list 8</li>
  12.         <li>list 9</li>
  13.     </ul>
  14. </div>