使用类选择器进行选择时可以使用 jquery 数据吗答案

【问题标题】：Can you use jquery data while selecting using the class selector使用类选择器进行选择时可以使用 jquery 数据吗
【发布时间】：2015-04-21 13:43:47
【问题描述】：

即$(".class")[0].data().num;

我问是因为 console.log 说 data() 是一个未定义的函数。

<div class="class" data-num="1"></div>
<div class="class" data-num="2"></div>
<div class="class" data-num="3"></div>

【问题讨论】：

请提供 HTML 以及您想要获取的内容
它可能返回 undefined 因为您的 div 没有任何 data 属性
在我拥有的 html 中是这样的

标签： jquery jquery-data

【解决方案1】：

假设您有以下标记：

<html> 
 <body> 
  <div class="class" data-test="1"></div>
  <div class="class" data-test="2"></div>
  <div class="class" data-test="3"></div>
 </body> 
</html>

如果你试图获取第一个.class元素的数据属性：

$('.class').eq(0).attr('data-test'); // returns 1

如果您分配了一些数据：

$('.class').eq(0).data();

【讨论】：

【解决方案2】：

尝试删除 [0] 或像 $($(".class")[0]) 一样使用它，因为 [0] 为您提供第一个条目的 HTML - DOM-Element

【讨论】：

TBH，$($(".class")[0]) 伤害了我的眼睛。你应该使用.eq()。
我试图在循环遍历它们时获取一个元素特定类的数据