javascript - 不知道为什么不能用 jquery 获取 data-id。它总是未定义的

Question

尝试使用 jquery 获取数据 ID。但没有成功。我的带有数据 ID 的 jsp:

<button class="btn btn-danger" id="delete-track" data-id="${track.id}"><i class="fa fa-trash-o"></i> Delete</button>

还有我的js:

var TracksController = function(){

};

TracksController.prototype.deleteTrack = function (el) {

    var id = $(el).attr("data-id");

    $.ajax({
        url: '/tracks/delete',
        type: 'post',
        data: {
            id: id
        },
        success: function (data){



        }
    })

};

TracksController.prototype.init = function () {

    var that = this;

    $('#delete-track').on('click', function () {
        that.deleteTrack();
        return false;
    });

};

$(function(){
    var tracksController = new TracksController();
    tracksController.init();
});

认为它必须有效，但是...有人可以告诉我我做错了什么吗？

Answer 1

试试 $(el).data("id")。 data 函数允许您存储/获取存储在元素中的数据。您可以阅读更多相关信息 here .