如何使用JQuery从img标签获取所有图像并从HTML页面获取背景图像? [英] How to get all images from img tag and background images from HTML page using JQuery?

问题描述

我想从HTML页面获取所有图像. 希望从<img>标签源获取所有图像，或者从HTML内容从元素背景获取图像.

I want to get all images from HTML page. want to get all images from <img> tag source or get images from element background from HTML contents.

我如何得到?

推荐答案

您可以循环浏览页面上的所有元素，并检查它是图像还是背景图像.该解决方案的最大问题是它的运行速度非常慢(但是可以通过几种方式提高其性能).这是代码:

You can just loop over all elements on the page and check if it's an image or it has some image background. The biggest problem of this solution is that it's very slow (however its performance could be improved in several ways). Here is the code:

$('*').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));
    }
});

这篇关于如何使用JQuery从img标签获取所有图像并从HTML页面获取背景图像?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！