Question

It seems that this should be simple, but I’m having trouble figuring out how to construct a selector that will return only elements that are a direct child of a root node.

If, for example, I have a reference to a div (myDiv), and I want to select only images that are direct children of that div, the following doesn’t work:

jQuery("div > img", myDiv);

The “div” in the selector doesn’t seem to match the root of the context, only descendants, and without a selector that will give me the root, I can’t use “>”. Any other ideas on how to select a direct child of a context root?

Answer 1

You shouldn’t repeat the div tag:

jQuery("> img",myDiv);