javascript - 从单击的链接返回值时出现问题

Question

我在这样的页面上有一组链接

<a href='' class='contact' data-index='1'>One</a>
<a href='' class='contact' data-index='2'>One</a>
<a href='' class='contact' data-index='3'>One</a>

我试图在单击每个链接时返回其数据索引的值，但是每当我单击每个链接时，总是返回第一个链接的数据索引，因为 jQuery 将选择所有具有类的链接= 页面上的“联系方式”。我试图弄清楚如何选择单击的链接的数据索引。

我使用这样的东西:

var m_data = $("a#contact").attr("data-index");

我也尝试过这样的事情:

$("a#contact").click(function() {
  var data = $(this).data('index');
});

但数据未定义。

请问我该怎么做？谢谢。

Answer 1

# 是一个 id 选择器。这应该是独一无二的。在 jQuery 中使用 id-selector 时，它将始终返回第一个元素，因为它不希望找到更多项目。

更改您的代码

<a data-index="1" class="contact">Whatever</a>

$("a.contact").click(function() {
    var data = $(this).data("index");
});

正如 Eskat0n 提到的，从 jQuery 1.6 开始，jQuery 通过 data() 方法自动获取 data- 属性