HOME > > > > >

:eq(index)

取得した要素のindex番号のものを取得

サンプル

実行結果

  • 0
  • 1
  • 2
    • 3
    • 4
    • 5
  • 6

Javascript

  1. $('.jqTest :button').click(function(){
  2.     $('.jqTest li:eq(3)').css('border', '1px solid #990000');
  3. });

HTML

  1. <div class="jqTest">
  2.     <ul>
  3.         <li>0</li>
  4.         <li>1</li>
  5.         <li>2
  6.             <ul>
  7.                 <li>3</li>
  8.                 <li>4</li>
  9.                 <li>5</li>
  10.             </ul>
  11.         </li>
  12.         <li>6</li>
  13.     </ul>
  14.  
  15.     <hr />
  16.  
  17.     <button>ハイライト</button>
  18. </div>