javascript - 如何使用内联 HTML onclick 和 jQuery 获取被点击的元素？

Question

我正在用这段代码创建一个标签:

$('#td' + id).append('<p><a href="#" onclick="excluirArquivo(\'' + response + '\'); return false;"><img src="/erp/proposta/media/images/delete.png" alt="Excluir arquivo" /></a> ' + file + '</p>');

excluirArquivo 函数

function excluirArquivo(arquivo) {
    $.ajax({
        type: 'POST',
        url: '/erp/proposta/index.php/arquivo/remover/' + arquivo
    });

    alert($(this));
}

但是 excluirArquivo 函数中的这个元素正在返回 Window 对象。如何在 excluirArquivo 中获取点击的元素(标签)？

Answer 1

如果您必须以这种方式分配您的事件处理程序(即“DOM 0”方式，而不是使用 jQuery)，您可以这样做:

<a href='#' onclick='excluirArquivo(this)' > ... </a>

或者，我想(假设你想传递一个参数):

<a href='#' onclick='excluirArquivo.call(this, param)'> ... </a>

那样的话，函数内部的“this”就是元素，看起来更接近你想要的。