Jquery使内容无法正常工作

Question

所以，我的问题是我使用Jquery作为滑块，每当我的幻灯片更改时，我想使用Jquery获取一些属性数据。所以，我正在使用这个HTML代码：

      <a href="#" data-caption="Nepal"><img src="img/01.jpg"></a>
      <a href="#" data-caption="Ghandruk"><img src="img/01.jpg"></a>
      <a href="#" data-caption="thriller!"><img src="img/01.jpg"></a>
      <a href="#" data-caption="Himalayas!"><img src="img/01.jpg"></a>
      <a href="#" data-caption="Beautiful"><img src="img/01.jpg"></a>
      <a href="#" data-caption="Chhomrong"><img src="img/01.jpg"></a>

因此，当这些图像中的任何一个处于活动状态时，它会自动获得一个名为活动的类，因此，我正在尝试使用此Jquery来获取该活动类，以便我可以根据到当前的幻灯片

      var x = (($("a.active").data("data-caption")));

：

Answer 1

获取＆＃39;数据 - ＆＃39;关键。数据（）在查找时将它放在那里。

$("a.active").data("caption")

＆＃13;

＆＃13;

console.log($('a.active').data('caption'));

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" data-caption="Himalayas!" class="active"><img src="img/01.jpg"></a>

＆＃13;

＆＃13;

＆＃13;