javascript – 使用jquery获取锚标记的数据值

前端之家收集整理的这篇文章主要介绍了javascript – 使用jquery获取锚标记的数据值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
<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 Selector或Class选择器
这是我尝试使用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); 
        });

Fiddle

猜你在找的jQuery相关文章