Jquery 如何在导航栏中获取具有特定类名的元素？

假设我有这个

navbar

结构：

  <ul class="nav navbar-nav navbar-left" id="menuitems">

                    <li><a href="/Product/GetProductByCategoryForMasterMenu?CategoryId=1">Home</a></li>
                    <li><a href="/Product/GetProductByCategoryForMasterMenu?CategoryId=2">Reds</a></li>
                    <li><a href="/Product/GetProductByCategoryForMasterMenu?CategoryId=3">Whites</a></li>
                    <li><a href="/Product/GetProductByCategoryForMasterMenu?CategoryId=4">Sparkling</a></li>
                    <li><a href="/Product/GetProductByCategoryForMasterMenu?CategoryId=5">Hidden Label</a></li>
                    <li><a href="/Product/GetProductByCategoryForMasterMenu?CategoryId=6">Mixed Cases</a></li>
                    <li><a href="/Product/GetProductByCategoryForMasterMenu?CategoryId=7">Spirits</a></li>
                    <li><a href="/Product/GetProductByCategoryForMasterMenu?CategoryId=8">Beer &amp; Cider</a></li>
                </ul>

---

当我点击一个链接时，我想从所有

标签中删除类“active”，并将其附加到点击链接的

标签上，我该怎么做？
请检查下面的JS，只有当点击链接时，你的页面没有重定向到其他页面上，这才有效


$（文档）.ready（函数（）{
$（'.navbar nav li a'）。单击（函数（）{
$（'.navbar nav li'）.removeClass（'active'）；
$（this.parent（）.addClass（'active'）；
});
});










试试：

要删除该类，可以在下面的行中使用

$('ul.nav > li').removeClass('active')` 

点击事件

$('ul.nav > li').on('click',function(){
  $(this).addClass('active')
});

$（'ul.nav>li'）。removeClass（'active'）
对于单击事件
$（this）。addClass（'active'）
使用：
$（this）。addClass（'active'）。同级（'li'）。removeClass（'active'）点击你的链接，它将重定向到下一页的右侧，这意味着你想在下一页上使用活动类？@Vitorinofernandes u首先回答，你的答案有效，因此如果想要分数，请作为答案发布。如果他有多个menius使用相同的类
。navbar nav
和
。active
？@madalinivascu我们可以使用该元素的任何特定类或ID，然后我们可以使用它用父类指定结构，有多种方法可以做到这一点，我刚才在这里写到，假设现在我们只有一个UL元素
$('ul.nav > li').on('click',function(){
  $(this).addClass('active')
});