jquery, Bilder, Wähler

Question

ein Ich habe ein paar Bilder auf einer Seite und ich möchte <span> Tag brüllen jeweils Bilder setzen, mit 'alt' text, mit jQuery

ich begann:

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>"); 

aber es bringt auf alle <span> der erste alt

Ich muss erhalten:

<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> 

Ich brauche es in Array setzen ?? Oder andere Ideen ??

Hilf mir bitte, danke !!!!!!

Answer 1

versuchen each

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

oder ein wenig schöner (meiner Meinung nach)

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