javascript - jQuery 表达式从标签中提取属性

Question

什么 jquery 表达式会给我['a','b']doc <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'));
});