Выберите каждый элемент, который не находится внутри другого элемента

Question

<img src="xxx" alt="xxx" title="xxx">
<div class="buttons">
    <a href="xxx"><img src="xxx" alt="xxx" title="xxx"></a>
</div>

Мне нужно написать селектор jQuery, который выберет ТОЛЬКО изображения с атрибутами заголовка, ВНЕ ОТ div .buttons.Я знаю, что для выбора изображений с атрибутами заголовка мне нужно использовать что-то вроде этого:

$("img[title]")

Я знаю, что в jQuery есть селектор not (), но я не могу найтиобъедините их вместе, чтобы достичь этого точного результата.

Answer 1

Вы можете получить набор результатов, а затем отфильтровать его, используя .not(), например:

$("img[title]").not(".buttons img")

Или отфильтровать в том же селекторе, используя :not() (но это вероятно немного медленнее в старых браузерах), например:

$("img[title]:not(.buttons img)")