Question

How can I use jQuery to select all p tags that have at least one a tag as an immediate child?

For the document:

<div>
    <p><a>My Link</a></p>
    <p><div><a>My nested Link</a></div></p>
</div>

It would return only the first p tag.

Answer 1

$(‘p:has(a)’)

will do the trick.

http://jsfiddle.net/xKc8T/

Update

The issue with the font tag can be fixed like this:

$('p:has(a):not(:has(font))')

http://jsfiddle.net/xKc8T/1/

Update 2

Okay scrap all that. As per the comments the :has() filter doesn’t just look at the direct children. So how about we go the other way and select all a tags and then select the parent of those where the parent is a p.

$('a').parent('p')

or to avoid selecting all a tags you could do

$('p > a').parent()

http://jsfiddle.net/xKc8T/3/

Yet Another Update

Thanks to @BoltClock for this suggestion. The following syntax also works:

$('p:has(> a)')

http://jsfiddle.net/xKc8T/4/