如何获得相关'这'对象

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

本文关键字:对象 何获得      更新时间:2023-09-26

这是我的代码片段:

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

class.block的每个div都有一个数据标题属性(每个数据标题属性的值不同)。我希望能够在我的匿名函数中访问这个数据标题属性。

您可以使用.data方法访问它:

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

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

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

您可能正在参考这段代码。

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

根据jQuery API文档:

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

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

如果你的意思是你有一个HTML5 data-属性:

$(".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
});