jqueryの、画像、セレクタ

Question

私は、ページ上の一部の画像を持っていると私はjQueryの

で、「ALT」テキストで、各画像怒鳴る私が始まった

<span>タグを入れたい：

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

しかし、それはすべての<span>に置きます最初のALT

私が取得する必要があります：

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

私は配列にそれを置く必要があります？または他のアイデア??

お願いします、よろしくお願いします!!!!!!

Answer 1

each

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

か（私の意見では）少しよりよいを使用してみてください作品

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