Question

Having a code like this, I’m wondering if I ran this function a second time, which scenario will happen:

1. When emptying the #deals tag, all btn inside will get wiped as well despite the event on them and life is good.
2. I have to unsubscribe from those btn first, otherwise emptying the #deals tag leads to a memory leak?
3. List item

Code:

function test(){
    var row = $(this).closest('tr');  
    $(row).find('#deals').empty();

    $(result).find('#tab li a').each(function() {               
      var btn = $('<a/>', {class: 'btn', href: '#'});

      $(row).find('#deals').append(btn);

      btn.click(function(event){
          event.preventDefault();
          ...
         });
    });
}

Answer 1

You don’t have to unsuscribe :

To avoid memory leaks, jQuery removes other constructs such as data
and event handlers from the child elements before removing the
elements themselves.

(from the documentation)