javascript - Jquery：帮助从数据属性中获取值

Question

我有以下标记

<a href='#' id="remove_user_from_group" data-user-id="a9a4ae36-c6cd-11e1-9565-910084adb773" data-group-id="e4d66f80-d046-11e1-89b6-16f96811a1bd">x</a>

我想从user-id和获取数据group-id。

目前，我已经尝试过：

$this = $(this);
$("#remove_user_from_group").live('click', function() {
    var userid = $this.data('user-id');
    var groupid = $this.data('group-id');
    alert(userid);
    alert(groupid);
});

undefined这会弹出我 2 个带有值的警报。

我在这里想念什么？

Answer 1

放入$this = $(this);您的点击功能。或者，将函数更改为：

$("#remove_user_from_group").live('click', function() {
    var userid = $(this).data('user-id');
    var groupid = $(this).data('group-id');
    alert(userid);
    alert(groupid);
});

jsFiddle 示例 1和jsFiddle 示例 2

另外顺便说一句，live()已弃用on().

Answer 2

$(this)您需要通过更改而不是$this在第 3 行和第 4 行将函数中的对象转换为 Jquery 对象