如何根据li:child?</ul> </li>对<ul>中的特定<li>进行分组和应用

时间:2013-02-12 13:38:38

标签: javascript jquery html html-lists

请在此处找到我的ul li,此li适用于使用引导标签的水平标签。我正在尝试上课;当第二个和第三个li拥有类active时,我想在第一个li上应用一个样式类。同样适用于下一个3 li并休息。我试过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>

1 个答案:

答案 0 :(得分:0)

我认为这就是你想要的:

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

它选择具有类active的元素(如果不重用该类,则为li)并使用类side-menu-grp定位第一个前一个兄弟元素并添加类你想要它。