Question

我想选择网站的所有图片

var images = $('img')

但在某些网站上，有些图片会重复出现，所以基本上我想知道的是

如何选择网站中的所有图像（重复和非重复）一次。

例如，网站有

<img src="link 1">
<img src="link 2">
<img src="link 1">
<img src="link 3">
<img src="link 1">

我希望只选择

<img src="link 1">
<img src="link 2">
<img src="link 3">

Answer 1

循环浏览它们，检查你是否已经存储它，如果没有：add。

let $images = $('img');
let uniqueSrc = [];

$images.each(function(){
    if( !uniqueSrc.includes( this.src ) ){
        uniqueSrc.push( this.src );
    }
});

Answer 2

JavaScript（没有jQuery）

let imgs = document.images,
    imgCount = imgs.length,
    src = null,
    urls = [];

for (; imgCount--; ) {
    src = imgs[imgCount].src;
    if (urls.indexOf(src) === -1) {
        urls.push(src);
    }
}

https://developer.mozilla.org/en-US/docs/Web/API/Document/images

JS / Jquery选择所有图像，但只重复一次

2 个答案: