親クラスが指定されていない要素を選択するにはどうすればいいですか? 質問する

親クラスが指定されていない要素を選択するにはどうすればいいですか? 質問する

親に特定のクラスがない場合、要素を非表示にしたい:

html

<li class="current_page_parent">
    <a href="parent.html">Parent</a>
    <ul class="children">
        <li>foo</li>
        <li>bar</li>
    </ul>
</li>

jQuery

jQuery("ul.children").hide();

現在はクラスに関係なく常に非表示になっています。親がの<ul class="children">場合にのみ閉じるようにしたいと思います。:not<li class="current_page_parent">

私はもう試した:

jQuery("ul.children:not(:parent.current_page_ancestor)").hide();

運がなかった。

ベストアンサー1

私が考える最善の方法は:

$(".children").not(".current_page_parent .children").hide();

JSFiddle

おすすめ記事