jquery - すべての値の最初の出現のみを取得する jQuery セレクター

Question

次のような HTML があります。

<div data-value="a"></div>
<div data-value="b"></div>
<div data-value="c"></div>
<div data-value="d"></div>
<div data-value="a"></div>
<div data-value="d"></div>
<div data-value="e"></div>

jQuery を使用して、異なる data-value属性を持つすべての div を選択したいと思います。

これが私の試みです：

$( document ).ready(function() {
    $('div[data-value]').each(function(){
        var value = $(this).data("value");
        console.log(value);
    });
});

もちろん、これはすべての出現を出力します: a, b, c, d, a, d, e.

代わりに、すべての値の最初の出現a, b, c, d, eのみを出力する必要があります: .

はい、配列を使用して要素を配置し、それが既にそこにあるかどうかを確認して自分のことを行うことができますが、セレクターやフィルター関数などのコンパクトでエレガントな jQuery コードを探しています。何か案が？

フィドル