jquery由data-value选择,它是一个变量

Question

我在将类似问题的答案应用到我的情况时遇到了麻烦,我认为这是因为我正在寻找的值是一个变量而不是大多数其他常量字符串.

我有一个activeSlide等于活动幻灯片的变量:1,2或3.我想要data-dir = activeSlide显示粗体文本的按钮,但我似乎无法根据数据值选择按钮.我可以选择一个确切的幻灯片编号:

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

但是替换2 activeSlide或者#{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+'"]')