如何使用JQuery添加活動類？

Question

我通過onclick函數設置了活動類。

當我單擊A（父級li）時，li標簽處於活動狀態。 但是，當我單擊兄弟姐妹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元素甚至不可單擊，以便我們查看您描述的行為。

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

 <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>