jquery - 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() 在这里没有帮助。同样重要的是，第一个是仍然显示的那个，因此无法重新排序。

Answer 1

暴力方式:

var found = {};

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

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