jquery, images, sélecteur

Question

un j'ai quelques images à la page et je veux mettre tag <span> ci-dessous chaque image, avec le texte 'alt', avec jQuery

J'ai commencé par:

HTML

<div class='container'> 
    <img src='images/1.jpg' alt='text1' /> 
    <img src='images/2.jpg' alt='text2' /> 
    <img src='images/3.jpg' alt='text3' /> 
</div> 

jQuery

$(".container img").after("<span>"+$(".container img").attr('alt')+"</span>"); 

mais il met à tous <span> la alt premier

je dois obtenir:

<div class='container'> 
     <img src='images/1.jpg' alt='text1' /> 
     <span>text1</span> 
     <img src='images/2.jpg' alt='text2' /> 
     <span>text2</span> 
     <img src='images/3.jpg' alt='text3' /> 
     <span>text3</span> 
    </div> 

J'ai besoin de le mettre dans le tableau ?? Ou d'autres idées ??

Aidez-moi s'il vous plaît, merci !!!!!!

Answer 1

essayez d'utiliser each

$(".container img").each(function() { 
    $(this).after("<span>"+$(this).attr('alt')+"</span>"); 
}); 

ou un peu plus agréable (à mon avis)

$(".container img").each(function() { 
    $(this).after($("<span/>").text($(this).attr('alt'))); 
});