對象[對象的對象]無方法 '的getAttribute'

Question

我的HTML>

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

我的javascript>

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

}）;

它拋出一個錯誤：「對象[對象的對象]無方法‘的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")); 
//     ^^^^ 

作爲事實上，因爲你是在回調內部的click()功能的jQuery對象上觸發的this值是它引用的元素。正因爲如此，您不必重複指定元素的ID。您可以使用$(this)代替：

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