javascript - 在html中调用函数时获取attr

Question

我有功能:

 function delMeh() {
                console.log('prolazi klik');
var did = $(this).attr('data-value');
$.ajax({
            url: "delTmeh.php",
            type: "POST",
            async: true, 
            data: { vrednostid:did}, //your form data to post goes here as a json object
            dataType: "html",
            success: function(data) {
            $('#tablemeh').dataTable().fnDestroy();
        drawMeh();   
            },
             error: function(data) {
             console.log(data);
             }
        });
}

和 HTML:

<i data-value="32" onclick="delMeh();" class="fa fa-times delMeh"></i>

所以，单击时我需要从数据库中删除第 32 行，但是如何获取单击元素的数据值... 我尝试在 delMeh() 函数内使用:var did = $(this).attr('data-value');，但不起作用。

像我需要的那样调用函数时如何获取单击元素的 attr 数据值？

Answer 1

使用内联函数点击时为什么需要数据值？ 您可以直接将该值作为参数传递给函数。

    
    function delMeh(value) {
        // do your stuff
      }

    <i onclick="delMeh(32);" class="fa fa-times delMeh"></i>

这会很好用，但我严重怀疑 this 在内联函数调用中的使用，因为当使用 jquery 事件监听器绑定(bind)元素的事件时可以使用它。

然后你可以使用$(this).data('value')

我希望这会有所帮助。