如何访问当前html元素的某些属性值？

Question

这是我的js / jquery代码，我试图访问当前点击的按钮，使用delete类，然后获取属性data-id的值。当我在console.log中时，我希望拥有它的字符串是未定义的吗？ 关于我做错了什么的建议？

$(".delete").click(function(){
    var id = $(this).prop("data-id");
    console.log(id);
});

Answer 1

由于data-*是属性，您需要使用 attr()

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

或者您可以使用 data()

获取data-*属性值

var id = $(this).data("id");

Answer 2

尝试

$('.delete').on('click',function(){
 var id=  $(this).attr('data-id');
 console.log(id);
})

Answer 3

尝试使用attr（）方法。

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

Answer 4

最短的将是：

$(".delete").on('click', function(){
    var id = $(this).data("id");
    console.log(id);
});