单击链接时更改活动的li及其活动的父li

Question

我想制作一个菜单，并在单击时更改父级li和子级li的类。

当我单击没有li的{​​{1}}时，我希望jQuery在空的class="active"及其子元素li上添加一个类，并将其从其他元素中删除li。

我尝试了以下脚本，但对我而言不起作用：

li

$('.menu .list li > ul > li > a').click(function () {
  $('li').removeClass();
  $(this).parent().addClass('active');
});

请帮助我编写脚本。

Answer 1

您可以尝试使用此代码。

<script>
    $('.menu .list li > ul > li > a').click(function () {
       $('.menu .list li').each(function(){ $(this).removeClass() });
       $(this).parent().addClass('active');
    });
</script>