说我有这样的结构：
<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();
问题是,数据资源的价值是动态生成的,并且是不可预测的.我该怎么做才能完成这项任务？
编辑
DOM元素本身不一定相同,所以$.unique()在这里没有帮助.同样重要的是FirsT仍然是显示的,因此重新排序不会发生.
解决方法
蛮力方式：
var found = {};
$("[rel]").each(function(){
var $this = $(this);
var rel = $this.attr("rel");
if(found[rel]){
$this.hide();
}else{
found[rel] = true;
}
});