Question

我在Html导航栏中有一个下拉列表。当使用Css选择子项时，我想使Dropdown Title Active。

家关于我们

我们的团队

我希望在使用jquery和css选择我们的团队时突出显示我们。

我的Jquery：

$("nav li a").each(function () {     
    if (str.indexOf(this.href.toLowerCase()) > -1) {
        $("li.active").removeClass("active");
        //alert($(this).parent().attr("Id"));
        $(this).parent().addClass("active");
     }


  // else {
  //     $("li.active").removeClass("active");
  //}
});

Answer 1

我不清楚你为什么使用每个（）但是既然你说选中了。可以安全地假设下拉标题在点击事件后变为活动状态？如果是这样，那么你就可以这样做。

<强> jsFiddle demo

$(".nav li > a").click(function () {
  if($(this).attr('role')){
    $(this).parents('li.dropdown').addClass('active').siblings().removeClass('active');
  }else{
    $(this).parent().addClass('active').siblings().removeClass('active');
  }
});

如果没有，则Crispy George's回答可能是您正在寻找的那个

使Html菜单下拉激活

1 个答案: