Click event doesn't fire for table rows added dynamically

Question

I have an empty table to which I\'m adding rows via jQuery using:

$(\'#table > tbody:last\').append(\'\' + s         


        

Answer 1

You add rows dynamically after you have bound the event to the existing ones. You may use delegated event approach to fix the problem:

$("#table").on("click", "tr", function(e) {
    alert(this.id);
});