如何在jQuery中选择具有相同属性值的元素？

Question

说我有这样的结构:

<div data-stuff="foo"></div>
<div data-stuff="foo"></div>
<div data-stuff="foo"></div>
<div data-stuff="bar"></div>
<div data-stuff="bar"></div>
<div data-stuff="bar"></div>
<div data-stuff="baz"></div>

我想隐藏除了第一个之外具有相同属性的所有div,所以我得到:

<div data-stuff="foo"></div>
<div data-stuff="bar"></div>
<div data-stuff="baz"></div>

现在我知道我可以这样做:

$('[data-stuff=foo]:gt(0), [data-stuff=bar]:gt(0), [data-stuff=baz]:gt(0)').hide();

问题是,值data-stuff是动态生成的并且是不可预测的.我该怎么做才能完成这项任务？

编辑

DOM元素本身不一定相同,所以$ .unique()在这里没有帮助.同样重要的是FIRST仍然是显示的,因此重新排序不会发生.

Answer 1

蛮力方式:

var found = {};

$("[rel]").each(function(){
    var $this = $(this);
    var rel = $this.attr("rel");

    if(found[rel]){
        $this.hide();
    }else{
        found[rel] = true;
    }
});