javascript - jQueryを使用してクラスごとにリスト要素番号を取得する方法

Question

私はこのリストを持っています：

<ul>
   <li>data</li>
   <li>data</li>
   <li>data</li>
   <li class="focus">data</li>
   <li>data</li>
   <li>data</li>
</ul>

クラスフォーカスで要素番号を取得し、それを変更する必要があるので、これを行います：

  btn.on('click', function(){
      var number_of_element = js_films_list_top.find('li.focus').length;
      js_films_list_bottom.find('li').length(number_of_element).addClass('focus');
  });

長さの方法はこれには良くないと思いますが、どちらを使用するのが良いですか？手伝って頂けますか？

Answer 1

あなたはおそらく探しています.eq()そして.index()：

var index = js_films_list_top.find('li.focus').index();
js_films_list_bottom.find('li').eq(index).addClass('focus');