根据上面的ul类给li元素类

时间:2015-12-09 15:44:37

标签: javascript jquery html

我有一组li元素,我想根据.login类给ul容器下面的所有li元素一个额外的类。 login元素不是父元素,而是在同一个容器中。用jQuery或vanilla js可以实现吗?

 <ul class="submenu" id="sub0">
  <li class="menugroup dcjq-parent-li">
   <ul class="rightmenu login">
     <li><a href="/" title=""></a></li>
      <li><a href="/" title=""></a></li>
    </ul>
  </li>

   <li><a href="/"></a></li> <-----new class
   <li><a href="/"></a></li> <-----new class
   <li><a href="/"></a></li> <-----new class
    <li><a href="/"></a></li> <-----new class
    <li><a href="/"></a></li> <-----new class
    <li><a href="/"></a></li> <-----new class
 </ul>

1 个答案:

答案 0 :(得分:2)

您可以使用以下代码:

rtsp://uname:pass@192.168.1.3:554/axis-media/media.amp?videocodec=h264
$("ul.login")
.parents("li")//get ancestor li element
.nextAll()//get all next li elements
.addClass("active");//add desire class
.active {
  background-color: red;
}

<强>参考

.nextAll()

.addClass()

.parents()