Javascript 使用jquery添加和删除类属性

我有一个html/javascript代码，其基本结构如下：

<ul>
<li>
    <div id="1" class="A">
    <ul>
    <li>...</li>
</li>
<li>
    <div id="2" class="A">
    <ul>
    <li>...</li>
</li>
<li>
    <div id="3" class="A">
    <ul>
    <li>...</li>
</li>

<li>
    <div id="1" class="A">
    <ul class="active">
    <li>...</li>
</li>

单击类A时，一个类将附加到它的同级ul，示例如下：

<ul>
<li>
    <div id="1" class="A">
    <ul>
    <li>...</li>
</li>
<li>
    <div id="2" class="A">
    <ul>
    <li>...</li>
</li>
<li>
    <div id="3" class="A">
    <ul>
    <li>...</li>
</li>

<li>
    <div id="1" class="A">
    <ul class="active">
    <li>...</li>
</li>

因此，当您单击任何类A时，它将自动将活动类附加到第一个ul实例。当你点击所有的类时，所有的ul都会被class Active追加

现在，我想要实现的是，当我点击一个特定的类a时，所有其他的类a的ul都将被移除，而类是活动的。而特定的类A将是唯一一个获得类活动属性的类

可能吗？

试试看

$('.A').click(function(){
    $('.active').removeClass('active');
    $(this).parent().find('ul').addClass('active');
});

---

要将活动类添加到同级，请使用

$('div.A').click(function(){
    $('.active').removeClass('active');
    $(this).siblings('ul').addClass('active');
});

但在您的示例中，ul并不完全是兄弟姐妹，而是div的孩子

$('div.A').click(function(){
    $('.active').removeClass('active');
    $(this).find('ul').addClass('active');
});

或

---

您的标记无效。标签放在哪里？