Javascript 如何访问特定属性值的当前html元素？

这是我的js/jquery代码，在其中我试图访问单击的当前按钮，使用delete类，然后获取属性数据id的值。当我在console.log中输入我希望的字符串时，它是否表示未定义？ 对我做错了什么有什么建议吗

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

---

由于

数据-*

是一个属性，因此需要使用

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

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

或者您可以使用

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

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

试一试

尝试attr（）方法

最短的是：

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

---

尝试

$（this.attr（“数据id”）或
$（此）.data（“id”）谢谢这项工作，把.prop（）和.attr（）jquery函数混在一起了。很抱歉，这是我的拼写错误。我编辑了它，再次抱歉