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);

    });

我期望输出代码值

Answer 1

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

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