[解決済み] jQuery find element by data attribute value（データ属性の値で要素を検索する

質問

以下のような要素があります。

<a class="slide-link" href="#" data-slide="0">1</a>
<a class="slide-link" href="#" data-slide="1">2</a>
<a class="slide-link" href="#" data-slide="2">3</a>

を持つ要素にクラスを追加するにはどうしたらよいでしょうか？ data-slide の属性値を 0 (ゼロ)ですか？

様々な解決策を試しましたが、何もうまくいきませんでした。一例を挙げます。

$('.slide-link').find('[data-slide="0"]').addClass('active');

何か思い当たることは？

どのように解決するのですか？

使用方法 属性等価セレクタ

$('.slide-link[data-slide="0"]').addClass('active');

フィドル・デモ

.find()

ツリーの下側で動作する

各要素の子孫を取得する セレクタ、jQueryオブジェクト、または要素によってフィルタリングされた、現在のマッチした要素のセット内の各要素の子孫を取得します。