JavaScript - jQuery on click doesn't work correctly?

Question

I have a Sweetalert plugin in use. I made there an table with an X button, after you click button then the sweetalert pops up with table content and the X's. So I made code, if you click on X it will delete it from the table, but it won't work for me.. If I copied the SweetAlert HTML code to JSFiddle and the same deleting code, then it was working.

$('.sweet-container').on('click', 'tr td span', function(){
    $(this).closest('tr').remove();
});

Answer 1

I came across with the similar problem in the past. Your trigger is created before the .sweet-container is created in DOM You can use http://api.jquery.com/delegate/ .

$('.sweet-container').delegate('tr td span', 'click', function(){
    $(this).closest('tr').remove();
});