jquery获取数据集的值不起作用答案

【问题标题】：jquery get value of dataset not workingjquery获取数据集的值不起作用
【发布时间】：2016-05-04 12:49:21
【问题描述】：

我正在尝试获取我的 data-userid 的值，但它不起作用。

按钮： id }}" data-toggle="modal" data-target="#modal-delete"> DELETE 代码：

$('.delete-btn').click(function(){
    userId = $(this).dataset.userId;
    alert(userId);
});

但是 attr 正在工作。

 $('.delete-btn').click(function(){
    userId = $(this).attr('data-userid');
    alert(userId);
});

【问题讨论】：

使用$(this).data('userid');
仅此而已？哈哈哈。那是更新吗？或者是什么？太棒了
数据集是 javascript，而不是 jquery，所以this.dataset.userid 也可以工作
HTML 代码在哪里？如果您的删除按钮具有data-userid 属性，$(this).attr('data-userid') 应该可以工作。
demo 参见演示，但如果您使用.data('userid','6') 设置数据，使用.attr() 将不起作用，因为它保存在不同的位置。如果您通过.data() 设置userId，则需要使用.data()

标签： jquery

【解决方案1】：

这里$(this)是一个jQuery对象，dataset是dom对象的属性，所以用this代替

$('.delete-btn').click(function(){
    userId = this.dataset.userId;
    alert(userId);
});

或者使用data()方法

$('.delete-btn').click(function(){
    userId = $(this).data('userId');
    alert(userId);
});

【讨论】：

【解决方案2】：

$('.delete-btn').click(function(){
userId = $(this).data('userid');
alert(userId);
});

【讨论】：