基本上，获取图像的src，宽度，高度和高度（outerhtml），映射到数组

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()
    };
});