从父级的任何子级中删除一个类 - jQuery

时间:2016-02-07 10:59:43

标签: jquery

我有ul它有一个id。现在,我想从li中的任何ul中删除一个类。我的班级名称是active

<ul class="nav nav-pills nav-stacked nav-arrow" id="MainMenu">

<li class="active">...</li>
<li>...</li>
<li>...</li>
<li class="active">...</li>

</ul>

jQuery:

function changeTabs(tab) {
  //remove active class 
}

4 个答案:

答案 0 :(得分:1)

试试这个。它会从您active中的所有li中删除ul课程:

function changeTabs(tab) {

   $('#MainMenu').find('li').removeClass('active');

   //or
   $('#MainMenu li').removeClass('active');
}

答案 1 :(得分:0)

jQuery('ul#MainMenu li').removeClass('active') ;

答案 2 :(得分:0)

你必须在#MainMenu下找到所有的ul。

function changeTabs(tab) {
    //remove active class 
    $("#MainMenu").find("li").removeClass('active');
}

答案 3 :(得分:0)

希望这有助于删除一个类或删除多个类。

  
$("ul#MainMenu li").removeClass("active"); // delete all active class

//alert($("ul#MainMenu li.active").length) // find list of active classes.


//remove first element's active 
//$("ul#MainMenu li.active:first").removeClass("active");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="nav nav-pills nav-stacked nav-arrow" id="MainMenu">

<li class="active">a</li>
<li>a</li>
<li>b</li>
<li class="active">1</li>

</ul>