画像のsrc、width、height、altを基本的に配列にマッピングする

Question

これらの値をどのように取得して配列にマップするのですか？

<img height="307" width="256" src="http://upload.wikimedia.org/wikipedia/en/6/6a/MystCover.png" alt="MystCover.png"> 

<img height="135" width="220" class="thumbimage" src="http://upload.wikimedia.org/wikipedia/en/thumb/d/d0/Myst-library_and_ship.jpg/220px-Myst-library_and_ship.jpg" alt=""> 

私は現在、ちょうどSRCを取得し、それがうまく機能テストするには、このコードを使用しますが、私は「outerHTML」など何かを取得する必要があります。

var images = $('img:area(10000)').map(function(){ 
    return $(this).attr('src'); 
}).get(); 

Answer 1

あなたはすべてのそれらの属性を取得するためにこれを行うことができます：

var imageArray = $('img:area(10000)').map(function(){ 
    return { 
     src: $(this).attr('src'), 
     width: $(this).attr('width'), 
     height: $(this).attr('height'), 
     alt: $(this).attr('alt'), 
     html: $(this).html() 
    }; 
});