使用jQuery唯一过滤重复的img src或删除 [英] Filtering duplicate img src with jQuery unique or remove

问题描述

我尝试过这里讨论过的不同的解决方法，但是我的情况都没有。

I've tried different workarounds that have been discussed here, but none of them are working in my case.

这是我的来源：

<div class="colourDots">
   <img src="/out/pictures/generated/product/8/300_450_100/60028.bl.jpg"/><br>
   <img src="/out/pictures/generated/product/8/300_450_100/60028.bl.jpg"/><br>
   <img src="/out/pictures/generated/product/8/300_450_100/60028.bl.jpg"/><br>
   <img src="/out/pictures/generated/product/8/300_450_100/60028.sw.jpg"/><br>
   <img src="/out/pictures/generated/product/8/300_450_100/60028.bl.jpg"/><br>
   <img src="/out/pictures/generated/product/8/300_450_100/60028.bl.jpg"/><br>
   <img src="/out/pictures/generated/product/8/300_450_100/60028.bl.jpg"/><br>

我想只显示以上列表中唯一的img src，没有重复的图片.. 。

I would like to show only unique "img src" of the above list, no duplicated pictures ...

脚本：

var uniqueImg = $(".colourDots img").get();
divs = $.unique(uniqueImg);

我再次获得相同的来源： - （

I'm getting the same source again :-(

任何想法或任何其他解决方法？

Any ideas or any other workarounds?

推荐答案

试试这个：

$(function(){
    var srcs = [],
        temp;
    $(".colourDots img").filter(function(){
        temp = $(this).attr("src");
        if($.inArray(temp, srcs) < 0){
            srcs.push(temp);   
            return false;
        }
        return true;
    }).remove();
});

这是一个链接 http：// jsfiddle .net / xCjjp /

这篇关于使用jQuery唯一过滤重复的img src或删除的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！