Как выбрать элемент, родитель которого не указан классом?

Question

Я хочу скрыть элемент, если его родитель не имеет определенного класса:

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();

без удачи.

Answer 1

Лучше всего мне кажется:

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

JSFiddle

Answer 2

Попробуйте это:

jQuery("li:not(.current_page_parent) ul.children").hide();

Answer 3

$('ul').filter(function() {
    return $(this).parent('.current_page_parent').length === 0
}).hide();

Answer 4

Вы, вероятно, хотите сначала отфильтровать элементы ul с "плохим" родителем и , а затем выбрать все дочерние элементы:

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