使用jquery激活addClass

Question

我有以下HTML：

<ul class="sidebar-menu" >
    <li class="treeview active">
        <a>Sales</a>
        <ul class="treeview-menu"
            <li>Distributor Wise Sales</li>
        </ul>
    </li>
    <li class="treeview active">
        <a>Purcahse</a>
        <ul class="treeview-menu"
            <liPurchase Sales</li>
        </ul>
    </li>
</ul>

我想在用户点击＆＃39;购买＆＃39;时显示active课程。或者＆＃39;销售＆＃39; IE浏览器。当用户点击“购买”时或者＆＃39;销售＆＃39;然后购买＆＃39;链接将处于活动状态。我怎么能用jQuery实现这一点。有人可以帮忙吗？

Answer 1

你可以在Jquery中 addclass ，一次只有一个li标签应该有活动的类。

$(".sidebar-menu li").click(function(){
      $(".sidebar-menu li").removeClass("active");
      $(this).addClass("active");
});

Answer 2

你可以使用jQuery，如下所示。

$('.test').on('click', function () {
    $(this).addClass("active");
});