使用jquery获取锚标签的数据值

Question

<ul>
    <li><a id="tab1" data-index="0" name="tab" href="#">abc</a></li>
    <li><a id="tab2" data-index="1" name="tab" href="#">def</a></li>
    <li><a id="tab3" data-index="2" name="tab" href="#">ijk</a></li>
</ul>

这是我的问题

如果我点击任何锚标记，我想获得所选项目的 [data-index] 值。

并且不应该使用 Id Selector 或 Class 选择器

这是我尝试使用 jQuery 但它不起作用

$("a[name=tab]").on("click", function () {
    var a = $(this).getAttribute("data-index");
    alert(a);
});

感谢你

原文由 Praveen M P 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

在 jquery 中使用 .attr()

  $("a[name=tabs]").on("click", function () {
            var a = $(this).attr("data-index");
            alert(a);
        });

或者在 jquery 中使用 .data()

  $("a[name=tabs]").on("click", function () {
            var a = $(this).data("index");
            alert(a);
        });

小提琴

原文由 Sudharsan S 发布，翻译遵循 CC BY-SA 3.0 许可协议