$(this.data() - Javascript

在JavaScript中，$(this).data()是一个非常有用的方法，它允许您检索与DOM元素关联的数据。该方法会返回在HTML中使用data-属性存储的数据。

语法

$(selector).data(key);

参数key是可选的。如果提供了该参数，则方法将返回与该值对应的数据。否则，该方法将返回与该元素关联的所有数据。

示例

假设我们有以下HTML代码：

<div id="myDiv" data-color="blue" data-size="large"></div>

我们可以使用$(this).data()方法检索与myDiv元素关联的所有数据：

var data = $('#myDiv').data();
console.log(data); // { color: "blue", size: "large" }

我们还可以使用$(this).data('color')方法来检索特定数据，例如color：

var color = $('#myDiv').data('color');
console.log(color); // "blue"

注意事项

请注意，$(this).data()方法只返回HTML中设置为data-属性的数据。如果我们在JavaScript中动态设置了数据，例如以下代码：

$('#myDiv').data('new-data', 'Hello World');

那么$(this).data()方法将无法检索该数据。相反，我们必须使用$(this).data('new-data')方法来获取它：

var newData = $('#myDiv').data('new-data');
console.log(newData); // "Hello World"

参考链接

• jQuery.data() - jQuery API Documentation