javascript - タグから属性を取得する jQuery 式

Question

['a','b']doc に対してどのjquery式が私に与えるでしょうか<tag att1='a' /><tag att1='b' />。

私が取り組んでいる実際のケースは、html ドキュメントで使用されているすべての画像の配列をリストすることです (タグではなく、画像の実際の場所)。したがって、次のような["http://mywebsite.com/path_to_image_1.jpg", ...]スニペットを含むドキュメントの場合、望ましい結果は次のようになります。

<img src="http://mywebsite.com/path_to_image_1.jpg" />
<img src="http://mywebsite.com/path_to_image_2.jpg" />

<img>すべてのタグをリストしてから、手動で反復してsrc属性を取得する必要は本当にありません。

Answer 1

var array = $('img').map(function() { return this.src; }).toArray();

役立つ場合は、さまざまな要素や属性に対してこれを行う必要がある場合にタスクを自動化できるプラグインを次に示します。

(function($) {
    $.fn.attrAsArray = function(attr) {
        return this.map(function() { return $(this).attr(attr); }).toArray();
    };
})(jQuery);



var array = $('img').attrAsArray('src');

Answer 2

var imgs = $('img').map(function(){
    return this.src;
}).get();

Answer 3

var imageArray = [];
$('img').each(function() {
    imageArray.push($(this).attr('href'));
});