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

Question

This is my js/jquery code in which I am trying to access the current button that was clicked, with class of delete, and then get the property data-id's value. When I console.log the string that I hope to have it says undefined? Any suggestions on what I am doing wrong?

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

Answer 1

Since data-* is an attribute you need to use attr()

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

or you can get data-* attribute value using data()

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

Answer 2

Try

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

Answer 3

尝试attr（）方法。

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

Answer 4

The shortest would be:

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