Установить CSS на основе дочернего элемента

Question

У меня есть следующий nav:

<div id="nav">
<div id="subnav">
<li><a href="#">One</a></li>
<li><a href="#">Two</a></li>
</div>
</div>

Следующее jQuery:

$('#subNav:not(:has(a))').css('background','none');

То есть #subNav's фон равен 'none', когда он пуст.

Я также хочу установить $nav background на 'none' на данный момент, что-то вроде ??? Как я могу сделать это в рамках этой же функции?

Answer 1

Используйте .parent () селектор.

$('#subNav:not(:has(a))').css('background','none').parent().css('background','none');

Answer 2

$('#subNav:not(:has(a))', '#nav').css('background','none');

Вы имеете в виду это?