Jquery onClick事件和相同类的多事件数据

Question

如何在Jquery中提取＆＃34;数据＆＃34;价值来自：

<a href="#" data="12" class="virus">12</a>
<a href="#" data="123" class="virus">another but no 123</a>
<a href="#" data="124" class="virus">need number from data=""</a>

来自每个锚点的onClick事件与相同的类？谢谢你:)。

Answer 1

$('.virus').click(function() {


  alert($(this).attr('data'))
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" data="12" class="virus">12</a>
<a href="#" data="123" class="virus">another but no 123</a>
<a href="#" data="124" class="virus">need number from data=""</a>

使用：.attr()

  

描述：获取匹配元素集中第一个元素的属性值。

我建议你将data="12"改为data-data="12"，因为数据不是有效的attr。

使用.data()

  

描述：存储与匹配元素关联的任意数据。

然后你可以像

那样

$(this).data('data')

Answer 2

使用attr可以获得数据数据值。试试这个：

$(".virus").click(function() {
    var data = $(this).attr("data"); // this will return data value of clicked link
    console.log(data)
});