如何删除带有href链接的div？

Question

我想通过点击链接删除div。 我测试过：

function mafunction() {
  jQuery('.idf').on('click').closest('.truc').remove();
}

<div class=" truc">
  <a class="idf" href="javascript: mafunction();">delete</a> 
</div>

我不明白为什么这不起作用？

Answer 1

更新：工作小提琴here

只需使用准备好进行事件绑定的常规文档

$(function() {
    $('.idf').on('click', function(event) {
       $(this).closest('.truc').remove();
       event.preventDefault();
    });
});

将该绑定移动到href意味着它只会在点击时绑定，因此该事件将触发以下点击（可能）。