2013-02-08 60 views
0

這裏的代碼段的我:如何在jQuery中獲取相關的'this'對象?

$(".block").mouseover(function() { 
    $("#block_title").html("title")); 
}); 

類.block的每個div有一個數據title屬性(每個數據title屬性的值是不同的)。我希望能夠在我的匿名函數中訪問這個數據標題屬性。

+1

你問如何訪問'$()。data()'或者你在談論一個名爲'data-title'的實際html屬性? –

+0

你有沒有考慮過'this.getAttribute('data-title');'? – RobG

回答

1

可以使用.data方法訪問它:

$(".block").mouseover(function() { 
    ... 
    $("#block_title").html($(this).data('title')); 
}); 
1

可以使用。數據()函數jQuery中

$(".block").mouseover(function() { 
    $("#block_title").html($(this).data('title')); 
}); 
0

您可以參考該代碼。

$('.block').attr('data-title', 'This is a random value'); 

根據the jQuery API documentation

獲取第一元素的屬性的值集合中的匹配元素的或設置每個匹配的元素的一個或多個屬性。

我希望這能回答你的問題。

0

如果你的意思是你有一個HTML5 data- attribute

$(".block").mouseover(function() { 
    $("#block_title").html($(this).attr("data-title")); //data-title value 
}); 

或者,如果你的意思是你在jQuery arbitrary data一個title屬性:

$(".block").mouseover(function() { 
    $("#block_title").html($(this).data("title")); //title value in the data object 
});