Question

i am noticing a bug in jquery find.

if i call foo.find with a selector that might reference foo itself, it won’t work. example here.

http://jsfiddle.net/CgfPj/6/ (EDIT: UPDATED THE fiddle to more clearly explain what i’m trying to do)

test.find should be able to find a span that is a child of a div, but it can’t seem to since the div is test itself. is this a bug?

Answer 1

#test is the div you’re referencing.

.find() returns the descendants of #test matching your given selector. #test has no descendant divs, hence test.find("div > span") doesn’t match any elements.

To get the direct span descendants of #test you should use:

test.find("> span")

Fiddle

---

Edit as per OP edit:

$("#test > span, #test div > span")

Will get all spans direct descendant of #test as well as all span elements direct descendant of divs inside of #test – fiddle.

There’s no such thing as a :parentIs(div) selector in the CSS selectors spec nor in jQuery as far as I’m aware of, but you can easily fill that gap by using a filter function:

var spans = test.find('span').filter(function() {
    return $(this).parent()[0].tagName.toLowerCase() === 'div';
});

$("#result").text(spans.length);

Fiddle