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

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

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 an <li class="current_page_parent">.

Я пробовал: 

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

Безрезультатно.

4 25
jquery jquery-selectors

4 ответа:

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

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

Лучший способ, который я думаю: 

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

JSFiddle

36

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

jQuery("ul:not(:parent.current_page_ancestor).children")
2
$('ul').filter(function() {
    return $(this).parent('.current_page_parent').length === 0
}).hide();
2