Javascript 利用点击事件获取数据属性

我想使用

数据属性

获取div值。在这种情况下，具体来说，

数据pdf

。正如您在我的示例中所看到的，在我单击任一选项后，该值显示为未定义

我做错了什么？此外，该值是否会根据我单击的标题进行更改？我一次只想存储一个值

$（.pdfWrap”）。在（“单击”上，函数（事件）{
让pdfChoice=$（this）.find（'.pdfWrap'）.data（'pdf'）；
控制台日志（pdfChoice）；
});

线性结构
动态结构
您正在注册
pdfWrap
上的单击处理程序，因此
回调中的该
将仅为
pdfWrap
元素。您不需要执行额外的
查找
，只需获取
数据属性
值即可


$（.pdfWrap”）。在（“单击”上，函数（事件）{
让pdfChoice=$（this.data（'pdf'）；
控制台日志（pdfChoice）；
});

线性结构
动态结构
您正在注册
pdfWrap
上的单击处理程序，因此
回调中的该
将仅为
pdfWrap
元素。您不需要执行额外的
查找
，只需获取
数据属性
值即可


$（.pdfWrap”）。在（“单击”上，函数（事件）{
让pdfChoice=$（this.data（'pdf'）；
控制台日志（pdfChoice）；
});

线性结构
动态结构
：


$（.pdfWrap”）。在（“单击”上，函数（事件）{
让pdfChoice=this.dataset.pdf；
控制台日志（pdfChoice）；
});

线性结构
动态结构
：


$（.pdfWrap”）。在（“单击”上，函数（事件）{
让pdfChoice=this.dataset.pdf；
控制台日志（pdfChoice）；
});

线性结构
动态结构
change let pdfChoice=$（this）.find（'.pdfWrap'）.data（'pdf'）；让pdfChoice=$（this.data（'pdf'）；更改let pdfChoice=$（this）.find（'.pdfWrap'）.data（'pdf'）；让pdfChoice=$（this.data（'pdf'）；