如何使用JQuery从HTML页面获取img标签和背景图像的所有图像？

Question

我想从HTML页面获取所有图像.想要从<img>标记源获取所有图像或从HTML内容中获取元素背景中的图像.

我怎样才能得到？

Answer 1

您可以循环遍历页面上的所有元素,并检查它是图像还是具有一些图像背景.这个解决方案的最大问题是它非常慢(但它的性能可以通过多种方式得到改善).这是代码:

$('*').each(function(){ 
    var backImg;

    if ($(this).is('img')) {
        console.log($(this).attr('src'));
    } else {
        backImg = $(this).css('background-image');
        if (backImg != 'none') console.log(backImg.substring(4, backImg.length-1));
    }
});

Answer 2

为了从所有图像标签获取图像,我认为您可以简单地迭代图像标签

$('img').each(function(){
alert($(this).attr('src'));
});

要获取所有背景图像,您必须在所有元素中查找背景属性.

$('*').each(function(){
alert($(this).css('background-image'));
});