jQuery attr（）和Data（）返回未定義

Question

這個問題已經被提出，但是沒有答案解決了我的問題。不知道為什么下面的代碼是我的代碼+

 window.onload = function() { $('button').click(deletingTheCar); } function deletingTheCar() { // alert($(this).data('id')); var my = $(this).data('data-items'); alert(my); } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button data-items="yes got it" id="osama">Hi</button> 

Answer 1

由於要獲取data-* attributes ，最好的方法是.data() ，而.data()不需要將第一部分data- -作為參數傳遞，因此只需替換：

$(this).data('data-items');
______________^^^^ //You have extra 'data' here

由：

$(this).data('items');

工作樣本：

 window.onload = function() { $('button').click(deletingTheCar); } function deletingTheCar() { console.log( $(this).data('items') ); } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button data-items="yes got it" id="osama">Hi</button> 

Answer 2

更新var my = $(this).data('data-items'); 至

var my = $(this).data('items');