1

次のような状況があります。

<ul>
    <li>Button 1</li>
    <li class="active">Button 2</li>
    <li>Button 3</li>
    <li>Button 4</li>
</ul>

それを処理する次のコード:

    $('.tab-menu li').on('click', function() {
        $($($(this).closest('.tab-menu')).find('li')).removeClass('active');
        $(this).addClass('active');
    });

それは機能しますが、すべての「並列」要素を選択するjQuery関数はありますか? この部分が欲しい

$($($(this).closest('.tab-menu')).find('li')).removeClass('active');

短くする。「toggleClass」は知っていますが、これはクリックされた要素でのみ機能します。すべての並列要素を選択するためのより短い方法はありますか? (この状況では、特定の 'ul' に属するすべての 'li');

4

1 に答える 1