javascript - How to get the relevant 'this' object in jquery?

Question

here's the snippet of code I have:

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

Each div of class .block has a data-title attribute (value of each data-title attribute is different). I want to be able to access this data-title attribute inside my anonymous function.

Answer 1

You can access it using the .data method:

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

Answer 2

您可以在 jQuery 中使用 .data() 函数

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

Answer 3

如果你的意思是你有一个HTML5data-属性：

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

或者，如果您的意思是您在jQuery 任意数据title中有一个属性：

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

Answer 4

您可能指的是此代码。

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

根据jQuery API 文档：

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

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