2016-07-06 31 views
0

div内の各画像のaltタグを取得し、<ul><li>にリストしたいと思いますが、繰り返しは必要ありません。たとえば、2 imgs alt "example1"を持っている場合、私は<ul><li>に1回しかリストされていません。すべてのALTタグを取得

私の現在のコード:

JS

$('.img-produto > img').each(function(){ 
    $('.filters').append('<li>'+ $(this).attr('alt') +'</li>'); 
}); 

HTML

<ul class="filters"></ul> 
<div class="img-produto"> 
<img src="img link" alt="example1" /> 
<img src="img link" alt="example1" /> 
</div> 

ありがとう!

答えて

1

独自のALT値のコレクションを作成して、何も

var alts = {}; 
$('.img-produto > img').each(function(){ 
    var alt = $(this).attr('alt'); 
    if(!alts[alt]){ 
     alts[alt] = true; 
     $('.filters').append('<li>'+ alt +'</li>'); 
    }  
}); 
+0

を追加する前に、ありがとうございましたことを確認する必要があります! :) –

関連する問題