Как удалить div с помощью ссылки href?

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

UPDATE: Рабочая скрипку here

Просто использовать обычный документ, готовый к вашему событию связывания

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

Перемещение, что связывание в HREF означает, что он будет только получить оценку на щелчок, поэтому событие будет стрелять следующий щелчок (возможно).