Comment obtenir les enfants du sélecteur $(this) ?

Question

J'ai une disposition similaire à celle-ci :

<div id="..."><img src="..."></div>

et j'aimerais utiliser un sélecteur jQuery pour sélectionner l'enfant img à l'intérieur de la div sur le clic.

Pour obtenir le div J'ai ce sélecteur :

$(this)

Comment puis-je obtenir l'enfant img en utilisant un sélecteur ?

Answer 1

Le constructeur de jQuery accepte un 2ème paramètre appelé context qui peut être utilisé pour remplacer le contexte de la sélection.

jQuery("img", this);

Ce qui revient à utiliser .find() comme ça :

jQuery(this).find("img");

Si les images que vous désirez sont sólo descendants directs de l'élément cliqué, vous pouvez également utiliser .children() :

jQuery(this).children("img");

Answer 2

Vous pouvez également utiliser

$(this).find('img');

qui renverrait tous les img qui sont des descendants de la div

Answer 3

Si vous avez besoin d'obtenir le premier img qui est exactement d'un niveau inférieur, vous pouvez faire

$(this).children("img:first")

Answer 4

Si votre balise DIV est immédiatement suivie de la balise IMG, vous pouvez également utiliser :

$(this).next();

Answer 5

Le site direct les enfants sont

$('> .child-class', this)