【前端】jquery获取data-*的属性值
在jQuery中，你可以使用.data()函数来获取元素的data-*属性值。这个函数可以获取所有以data-开头的属性的值。
例如，如果你有一个HTML元素如下：
<div id="myDiv" data-name="John Doe" data-age="30" data-country="USA"></div>你可以使用以下jQuery代码来获取这些属性的值：
$(document).ready(function(){
var name = $('#myDiv').data('name');
var age = $('#myDiv').data('age');
var country = $('#myDiv').data('country');
console.log(name); // 输出: John Doe
console.log(age); // 输出: 30
console.log(country); // 输出: USA
});.data('name')会获取data-name属性的值，.data('age')会获取data-age属性的值，以此类推。
注意，.data()函数不仅限于获取data-*属性，它也可以用来存储和获取任何与元素相关联的数据。当你传递一个字符串参数给.data()时，它会查找对应的data-*属性。如果该属性不存在，它会返回undefined。
评论已关闭