jQueryのデータ属性値による要素の検索

私は以下のようないくつかの要素を持っています：

<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');

Fiddle Demo

.find（）

それは木の下で働きます

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

.filter（）を使用することもできます

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

文字列の代わりに変数を使用して同じソリューションを検索しました。
私は私の解決策で誰かを助けることができることを願っています:)

var numb = "3";
$(`#myid[data-tab-id=${numb}]`);

andSelf()メソッドを使用してDOMを含むラッパーを取得find()し、アイデアとして回避することもできます

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

.active {
  background: green;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<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>