javascript - 特定のクラスをグループ化して適用する方法内部li:childに基づいていますか?

Question

ここで見つけてul liください。これliは、ブートストラップタブを使用して水平タブで機能しています。クラスを適用しようとしています。2番目と3番目liにクラスがあるactive場合、1番目にスタイルクラスを適用したいli。同様に次の 3liと残りも。jquery で試してみましたが、うまくいきませんでした。

<ul id="myTab" class="nav-tabs">
  <li class="side-menu-grp"><a href="#">Group One</a></li>
  <li><a href="#" data-toggle="tab">List One</a></li>
  <li><a href="#" data-toggle="tab">List Two</a></li>

  <li class="side-menu-grp"><a href="#">Group Two</a></li>
  <li><a href="#" data-toggle="tab">List One</a></li>
  <li><a href="#" data-toggle="tab">List Two</a></li>

  <li class="side-menu-grp"><a href="#">Group Three</a></li>
  <li><a href="#" data-toggle="tab">List One</a></li>
  <li><a href="#" data-toggle="tab">List Two</a></li>
</ul>

Answer 1

私はこれがあなたが望むものだと思います：

$('.active').prev('.side-menu-grp').addClass('class');

クラスを持つ要素active（クラスliを再利用しない場合はs）を選択し、クラスを持つ最初の前の兄弟要素を見つけて、side-menu-grp必要なものをクラスに追加します。