如何在jQuery中获取相关的'this'对象？

Question

这里的代码段的我：

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

类.block的每个div有一个数据title属性（每个数据title属性的值是不同的）。我希望能够在我的匿名函数中访问这个数据标题属性。

Answer 1

可以使用.data方法访问它：

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

Answer 2

可以使用。数据（）函数jQuery中

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

Answer 3

您可以参考该代码。

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

根据the jQuery API documentation：

获取第一元素的属性的值集合中的匹配元素的或设置每个匹配的元素的一个或多个属性。

我希望这能回答你的问题。

Answer 4

如果你的意思是你有一个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 
});