Select every element that is not inside another element

Question

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

I need to write a jQuery selector, that will select ONLY images with title attributes that are OUTSIDE the .buttons div. I know that to select images with title attributes I need to use something like this:

$("img[title]")

I know that there is something like :not() selector in jQuery, but I can't find the way to combine them together to achieve that exact result.

Answer 1

You can get the result set then filter it using .not(), like this:

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

Or filter in the same selector using :not() (but this is probably a bit slower in older browsers), like this:

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