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

How can I access current html elements certain property value?

本文关键字:元素 属性 html 何访问 访问      更新时间:2023-09-26

这是我的js/jquery代码,我在其中尝试访问单击的当前按钮,删除类,然后获取属性data-id的值。当我控制台时.log我希望它显示未定义的字符串?关于我做错了什么的任何建议?

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

由于data-*是一个属性,因此您需要使用attr()

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

或者您可以使用data()获取data-*属性值

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

试试 attr() 方法。

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

最短的是:

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

尝试

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