在Jquery中獲取自定義屬性值？

Question

我有這個HTML

<a data-overlay="Preparing First" href='#'>First link</a> 
<a data-overlay="Preparing Second" href='#'>Second link</a> 

而且JS

$("[data-overlay]").click(function() { 
     var text = $(this).val($(this).attr("data-overlay")); 
     alert(text); 
    }); 

當我這樣做，我唯一對象，在那裏我有錯嗎？

這裏正在撥弄

http://jsfiddle.net/sruq8kav/

我需要的是，以提醒自定義屬性的值？

Answer 1

因爲你提醒的.val()結果（我不知道爲什麼你使用它），這是一個jQuery對象 - 你只是想屬性：

var text = $(this).attr("data-overlay") 
alert(text); 

Answer 2

除了tymeJV's answer ，您還可以使用.data()方法在jQuery中獲得data-屬性。

var text = $(this).data("overlay") 
alert(text); 

要知道，這樣做將返回數字，布爾值，或對象，如果jQuery的檢測數據是那種類型的。您可以閱讀關於here的更多信息。