Javascript 变量返回未定义

Question

我想为 kode_lahan 设置与 kode 相同的值，我在单击删除按钮时发送值 kode。但是，当我运行我的代码时，kode_lahan 值未定义

function tampilLahan(){
        $.ajax({
            type  : 'ajax',
            url   : base_url+"investasi/tampilDataPermintaan",
            async : true,
            dataType : 'JSON',
            success : function(data){
                var html = '';
                var i;
                for(i=0; i<data.length; i++){
                  var kode = data[i].kode;
                    html += '<tr>'+
                            '<td>'+kode+'</td>'+
                            '<td>'+
                            '<a href="javascript:void(0);"class="btn btn-danger item_delete" kode="'+kode+'">Delete</a>'+
                            '</td>'+
                            '</tr>';
                }
                $('#data').html(html);
            }
        });
    }

  $('#data').on('click','.item_delete',function(){
  var kode_lahan = $(this).data("kode");
  console.log(kode_lahan);

    });

我期待kode值的输出

Answer 1

您正在 AJAX 中设置 kode 属性，但正在寻找 data-kode 属性 - 最好使用 data-kode 因为 kode 不是有效的属性名称，所以在设置时重命名它。

'<a href="javascript:void(0);"class="btn btn-danger item_delete" data-kode="'+kode+'">Delete</a>'+