使用 jQuery 从 UL LI 中删除类，但不删除 UL LI UL LI

Question

我正在修改手风琴脚本以将类 active 添加到单击的链接中，但对于子项目，我遇到了问题。

基本上，如果您单击手风琴的子级，我还需要它来添加活动类，而不将其从父级中删除。像这样，

parent-item
parent-item (active)
   sub-item
   sub-item (active)
   sub-item
parent-item
parent-item

这是当前的脚本部分：

$("#menu li a").removeClass("active");
$(this).addClass("active");

谢谢，如果您需要澄清，请发表评论。

编辑：

从技术上讲，子元素不是同一事物的子元素，因此 .parent() 不起作用。

<li>
    <a href="#">parent-item</a>
    <ul>
        <li><a href="#">sub-item</a>
    </ul>
</li>

Answer 1

您可以尝试：

$(this).parent().siblings().children('a').removeClass("active");
$(this).addClass("active");

这将删除同级元素上的.active

Answer 2

类似于：

$("#menu > ul").removeClass("active");
$(this).parent("li").parent("ul").addClass("active");

应该向相关父项添加一个活动类。

Answer 3

这个例子也许会对你的

<ul id='menu'>
<li>
    <a>MElement1</a>
</li>
<li>
     <a>MElement2</a>
 </li>
</ul>
<ul id='menu1'>
<li>
    <a>Element1</a>
</li>
<li>
    <a>Element2</a>
</li>
</ul>

css

.deneme{
    color:red;
}

.deneme1{
color:blue;
}

js

$('#menu').addClass('deneme')
$('#menu1 li a').addClass('deneme1')

$('#menu').live('click',function(){
    $(this).toggleClass('deneme')
})
$('#menu1 li a').live('click',function(){
    $(this).toggleClass('deneme1')
})

有帮助，你可以从这里检查 http://jsfiddle.net/h7fvW/

Answer 4

你的意思是这样的吗？

$("#menu li a").removeClass("active");
$(this).addClass("active");
$(this).parent().addClass("active");

删除活动类后，只需将其添加回所选项目及其父项即可。

编辑：查看您的 HTML 片段，您应该能够根据需要向上走，然后再向下走。例如

$("#menu li a").removeClass("active");
$(this).addClass("active");
$(this).parent().parent().children("a").addClass("active");