如何使用JQuery添加活动类？

Question

我通过onclick函数设置活动类。

当我点击A（父李）时，li标签处于活动状态。 但是，当我点击兄弟姐妹时，即A11处于活动状态而父母li标签处于非活动状态时，以下问题：

隐藏所有兄弟姐妹和父母li标签

我想显示兄弟姐妹li标签和父母li标签

我的代码：

<div>
    <ul id="o_shop_collapse_category">
        <li class="active"> A
            <ul id="category">
                <li>A11</li>
                <li>A12</li>
            </ul>
        </li>
        <li>B
            <ul id="category">
                <li> B12</li>
            </ul>
        </li>
    </ul>
</div>

我的javascript：

<script type="text/javascript">
    $( document ).ready(function() { 
        $('#o_shop_collapse_category li:not(.active)').hide();
        $('#category li').show();
    });
</script>

Answer 1

正如您在下面的代码段中看到一样，您提供的一堆代码还不足以让我们回答您。 li元素甚至无法点击，因此我们可以看到您描述的行为。

＆＃13;

＆＃13;

$(document).ready(function () { 
  $('#o_shop_collapse_category li:not(.active)').hide();
  $('#category li').show();
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <ul id="o_shop_collapse_category">
    <li class="active"> A
      <ul id="category">
        <li>A11</li>
        <li>A12</li>
      </ul>
    </li>
    <li>B
      <ul id="category">
        <li> B12</li>
      </ul>
    </li>
  </ul>
</div>

＆＃13;

＆＃13;

＆＃13;