使用jQuery“this”的HTML5數據屬性

Question

僅搜索Google給出了jQuery的.data（）函數示例。

但是，我的問題是使用jQuery的“this”，如下：

$('#opener').live('click', function() {
var x = this.name;
var y = this.title;

它取自<a style='cursor:pointer' id='opener' name='$x' title='$y'>的值，它包含PHP變量，但在我的問題中並不重要。

現在，讓我們說，我想擺脫這樣一種hacky嘗試，將額外數據存儲在HTML元素中，並使用data-屬性將其正確存儲在HTML5中。 所以，錨點看起來像：

<a style='cursor:pointer' id='opener' data-x='$x' data-y='$y'>

那么我怎么能像上面那樣在jQuery中使用“this”並獲取它來獲取數據呢？ 我已經嘗試過這個this.data('x')和this.data('y')但這不起作用，這就是我在這個主題上發現的全部內容。

Answer 1

你需要使用

$(this).data('x')

在回調方法中， this引用了dom對象，但.data（）方法是在元素的jQuery對象包裝器中定義的。 所以你需要使用$(this)用jQuery包裝dom元素。