Object [object Object]没有方法'getAttribute'

Question

我的Html＆gt;

<a href="javascript:void(0)" id="menuMain" class="active tabButton"  data-tabID="tabMain">M</a>

我的javascript＆gt;

$(document).ready(function(){
$("#menuMain").click(function(){
    alert($("#menuMain").getAttribute("data-tabID"));
});

}）;

它抛出一个错误：“Object [object Object]没有方法'getAttribute'”，

感谢您对解决方案的任何帮助或指导，谢谢。

Answer 1

$(document).ready(function () {
    $("#menuMain").click(function () {
        alert($("#menuMain").attr("data-tabID"));
    });
});

Answer 2

$("#menuMain")返回一个jQuery对象。 jQuery对象与常规DOM对象没有相同的成员函数。您必须使用通过其命名空间提供的功能。特别是，用于检索数据属性值的等效函数是data()：

alert($("#menuMain").data("tabID"));
//                   ^^^^

事实上，由于你在jQuery对象上触发的click()函数的回调中，this的值是它引用的元素。因此，您不必重复指定元素的id。您可以改为使用$(this)：

 alert($(this).data("tabID"));
 //    ^^^^^^^