Как выбрать элементы с одинаковым значением атрибута в jQuery?

Допустим, у меня есть такая структура:

<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 () здесь не поможет. Также важно, чтобы показывался ПЕРВЫЙ, чтобы не было переупорядочения.