Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JS/Jquery选择所有图像,但那些只重复一次的图像除外_Javascript_Jquery - Fatal编程技术网

Javascript JS/Jquery选择所有图像,但那些只重复一次的图像除外

Javascript JS/Jquery选择所有图像,但那些只重复一次的图像除外,javascript,jquery,Javascript,Jquery,我想选择一个网站的所有图片 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

我想选择一个网站的所有图片

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">

循环浏览它们,检查是否已经存储,如果没有:添加

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

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


无法选择不同的src,您必须选择所有src,并设置一个数组,按下src并检查其是否在每个图像的数组中。这与CSS无关吗?适当使用tags@ToniMichelCaubet我明白了,谢谢你的邀请answer@RajendranNadar当使用$()或.getElementByXYZ从DOM中选择元素时,我们不使用css选择器吗?css选择器指的是您在css文件中使用的选择器。Jquery也使用它们,你是对的,但我们不称它们为css选择器。这不是世界上最好的论点,但它就是这样运作的
let imgs = document.images,
    imgCount = imgs.length,
    src = null,
    urls = [];

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