Sélectionnez un élément img spécifique d'un div

Question

J'ai un élément div avec plusieurs éléments img en elle. Je veux sélectionner un img spécifique sur ce qui est étiqueté avec le nom de classe « active » et obtenir la valeur html de cette image spécifique. Le reste des images a des classes epmty.

<div class="images"> 
    <img src="src1" class> 
    <img src="src2" class="active"> 
    <img src="src3" class> 
</div> 

Lorsque je sélectionne la classe externe avec $(".images").html() je reçois une chaîne qui contient toutes les 3 images intérieures. Mais quand j'essaye de le faire comme ceci $(".images.active").html() je reçois seulement un non défini. Pourquoi travaille-t-il la première fois mais pas la seconde? Et comment puis-je sélectionner uniquement l'élément étiqueté avec actif?

Answer 1

Modifier à:

$(".images .active").attr('src'); 

Vous avez besoin d'un espace entre les classes pour sélectionner les éléments descendants, sinon vous dire pour chercher un élément avec les deux classes. En outre, les éléments d'image doivent avoir la valeur .html(); vous voulez probablement l'attribut src.

Answer 2

le sélecteur doit être

$(".images .active") 

Voici a demo fiddle