jquery - 使用 jQuery unique 过滤重复的 img src 或删除

Question

我尝试了此处讨论的不同解决方法，但它们都不适用于我的情况。

这是我的来源:

<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”，没有重复的图片......

脚本:

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

我再次得到相同的来源:-(

有什么想法或其他解决方法吗？

Answer 1

试试这个:

$(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/