How to get the children of the $(this) selector?
The jQuery constructor accepts a 2nd parameter called context
which can be used to override the context of the selection.
jQuery("img", this);
Which is the same as using .find()
like this:
jQuery(this).find("img");
If the imgs you desire are only direct descendants of the clicked element, you can also use .children()
:
jQuery(this).children("img");
You could also use
$(this).find('img');
which would return all img
s that are descendants of the div
If you need to get the first img
that's down exactly one level, you can do
$(this).children("img:first")
If your DIV tag is immediately followed by the IMG tag, you can also use:
$(this).next();