Javascript 数据属性中未定义的值

我试图从data属性获取值并传递给java脚本变量，但它给出了未定义的值

$（文档）。在（“单击”，编辑客户），函数（）{
var customer_id=$（this）.data（“id”）；
var customer_name=$（this）.data（“name”）；
var customer_phone=$（this）.data（“phone”）；
var customer_addr=$（此）.data（“邮件”）；
var customer_mail=$（this）.data（“电话”）；
});

所有这些数据属性都存在于内部
按钮
中，因此在单击的元素中获取
按钮

$(document).on("click","#edit_cust",function(){
    // cache buttton reference
    var $btn = $('button', this);
    // or $btn = $(this).find('button');

    // get values from button
    var customer_id = $(btn.data("id");
    var customer_name = $btn.data("name");
    var customer_phone = $btn.data("phone");
    var customer_addr = $btn.data("mail");
    var customer_mail = $btn.data("phone");   
});

#edit_cust
仅具有
数据目标
和
数据切换
。也许您需要使用
按钮作为选择器？请格式化您的HTML以便于阅读。请删除PHP标记，因为它与PHP无关，只与可能的XSS有关。@ScottMarcus为什么要添加代码段？@Dharman为什么不？这使得将代码复制成答案变得非常简单，并且不会改变你阅读和理解问题的能力。事实上，您不能实际运行这段特定的代码，这并不是重点。