将类活动添加到“li”中如果链接 init 具有相同的使用 Jquery

Question

我有一个像这样的菜单，

<li> <a href="/home" class="active">Home</a> </li>
<li> <a href="/service">Services</a></li>

我希望链接处于活动状态的 li 具有“活动”类。所以它会变成

<li class="active"> <a href="/home" class="active">Home</a> </li>

我认为代码可以是这样的，但还没有完全明白

var $this;
$("ul > li").each(function(){
    $this = $(this);

    if($this.find("> li a.active").length)
      $this.addClass("active");
}

Answer 1

为什么不找到类为“活动”的元素并获取其父级并添加类。这可能很简单：

$("a.active").parent().addClass("active");

Answer 2

查看 children() 选择器：

if($this.children('a.active').size())

来自 docs

给定一个代表一组 DOM 元素的 jQuery 对象，.children() 方法允许我们搜索 DOM 树中这些元素的直接子元素，并从匹配元素构造一个新的 jQuery 对象

对象

Answer 3

我不确定你想做什么，但我想这就是你正在寻找的代码

$("ul > li").each(function(index, element){
    if($(element).find("a.active").length > 0) {
       $(element).addClass("active");
    }
}