<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>
这是我的问题
如果我点击任何 anchor 标记,我想获取所选项目的[data-index]
值。
并且我不应该使用 Id 选择器或类选择器
这是我尝试使用 jQuery 但它不起作用
$("a[name=tab]").on("click", function () {
var a = $(this).getAttribute("data-index");
alert(a);
});
谢谢你
最佳答案
在 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);
});
关于javascript - 使用jquery获取 anchor 标签的数据值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23127848/