Comment sélectionner des éléments enfants (par exemple, des images) dans l'élément actuel à l'aide de jQuery ?

Récupération des sélecteurs enfants dans l'élément actuel

Dans les scénarios où le sélecteur $(this) est actif et que vous cherchez à récupérer un élément enfant, tel qu'une image ( img) au sein d'un div spécifique, ce guide fournit une solution complète.

En commençant par l'élément div ciblé, vous pouvez utiliser $(this) pour le sélectionner. Cependant, pour récupérer l'enfant img, vous pouvez utiliser deux méthodes efficaces :

Utilisation du paramètre de contexte

Le constructeur de jQuery propose un paramètre précieux appelé contexte, qui vous permet de remplacer le contexte de la sélection. En spécifiant ce paramètre comme élément actuel (this), vous pouvez adapter le sélecteur pour qu'il recherche dans la portée de l'élément cliqué.

jQuery("img", this);

Cette approche aboutit au même résultat que l'utilisation de la méthode .find() :

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

Emploi de .children()

Si les éléments img souhaités sont exclusivement des descendants directs de l'élément cliqué, une méthode plus spécifique consiste à utiliser .children().

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

En utilisant ces techniques, vous pouvez récupérer efficacement les éléments img enfants dans le contexte du sélecteur $(this).

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!