jquery select by data- value 这是一个变量

Question

我无法将类似问题的答案应用于我的情况，我认为这是因为我正在寻找的值是一个变量，而不是像大多数其他值一样的常量字符串。

我有一个等于事件幻灯片的变量 activeSlide:1、2 或 3。我希望其 data-dir = activeSlide 的按钮显示粗体文本但是我似乎无法根据数据值选择按钮。我可以选择一个确切的幻灯片编号:

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

但用 activeSlide 或 #{activeSlide} 替换 2 不会产生任何结果。我即将用类而不是数据重写我所有的代码——这让我很困惑!在我这样做之前，有人会介意向我展示如何选择 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+'"]')