jquery - すべての img タグ ID を配列に格納する

Question

jqueryを使用して、リスト内の画像からすべてのidタグを配列に格納しようとしています。
これまでのところ、私はこれを持っています：

HTML

<div id="trash" class="ui-widget-content grid_8 ui-droppable">
    <ul class="gallery ui-helper-reset">
        <li class="" style="display: block; width: 48px;">
            <img id="22" src="data:image/jpeg;base64," width="96" height="72" style="display: inline-block; height: 36px;">
        </li>
        <li class="" style="display: block; width: 48px;">
            <img id="24" src="data:image/jpeg;base64," width="96" height="72" style="display: inline-block; height: 36px;">
        </li>
        <li class="" style="display: block; width: 48px;">
            <img id="23" src="data:image/jpeg;base64," width="96" height="72" style="display: inline-block; height: 36px;">
        </li>
    </ul>
</div>
<div id="stored" style=""></div>

Jクエリ

$(document).ready(function() {
  $('#trash').click(function(){
    var imglen = $('#trash li img');
    var aux = [];
    for (var i = 0; i < imglen.length; i++) {
      aux.push(imglen[i].attr("id"));
    }
    $('#stored').text(aux.join(" "));
  });
});

何も表示されていません。次のコードを使用して、最初の img ID のみを表示する必要があります。

$('#trash').click(function(){
  $('#stored').html($('#trash li img').attr("id"));
});

Answer 1

.map()を使用する

var imglen = $('#trash li img');
var aux = imglen.map(function(){
    return this.id
})

Answer 2

var imgList = $('#trash').find('img').attr('id');
$.each(imgList,function(i,v) {
    console.log(v);
});

Answer 3

これを試して、すべての画像タグの ID を配列に取得します

$(関数 () {

    $("#trash").click(function () {
       var aux = [];
      $('#trash ul li').each(function () {
        aux.push(($(this).find("img").attr("id")));
   });
  $("#stored").text(aux.join());

});
});