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);
});

会弹出2个undefined值的警报。

我在这里缺少什么？

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 example 1 和 jsFiddle example 2

另外，live()已弃用on()。

Answer 2

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

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

2 个答案: