Выбор всех, кроме детей

У меня есть такая HTML-структура:

<div>
 <ul>
 <li>
 <a href="link.bar" target="_blank">Good</a>
 <ul>
 <li>
 <a href="otherlink.baz" target="_blank">Bad</a>
 </li>
 </ul>
 </li>
 </ul>
</div>

Теперь я хочу выбрать "хороший" a не выбрав "bad" a (используя jQuery). Я пробовал .foo ul:not(.children) li a но это не работает (очевидно). Можно ли достичь в однострочном лайнере?

скрипка

3 ответа

Вы можете искать прямого потомка .foo > ul > li > a


в этом конкретном сценарии, который вы дали. это может быть сделано одним линеаром

$(a ,'.foo').first();

Я надеюсь, что это помогает. Если это не сработает, сообщите мне, и я удалю свой ответ. Благодарю.


Сделайте это, это один из способов...

var good= $("a[href='link.bar']")...

http://api.jquery.com/attribute-equals-selector/

licensed under cc by-sa 3.0 with attribution.