jquery - jquery select by data-変数である値

Question

同様の質問からの回答を自分の状況に適用するのに問題があります。探している値が変数であり、他のほとんどのような定数文字列ではないためだと思います。

アクティブなスライドに等しい変数がありますactiveSlide: 1、2、または 3。data-dir = activeSlide太字のテキストを表示するボタンが必要ですが、データ値に基づいてボタンを選択できないようです。次の方法で正確なスライド番号を選択できます。

$('btns [data-dir=2]')... 

activeSlideしかし、2 をorに置き換えて#{activeSlide}も結果は得られません。データの代わりにクラスを使用してすべてのコードを書き直そうとしています-それは私を混乱させます! その前に、 data-dir=activeSlide のボタンを選択する方法を教えていただけませんか?

html:

<div class='btns'>
  <button data-dir='1'>1</button>
  <button data-dir='2'>2</button>
  <button data-dir='3'>3</button>
</div>

Answer 1

値をセレクター文字列に連結してみてください。

$('.btns [data-dir="'+activeSlide+'"]')

Answer 2

「btns」ならクラス $('.btns [data-dir=2]')ですよね？