javascript click function not working after adding new raw in table

Question

I am working on a firestore web app. where I am adding new raw in table with

$("table").append(row);.

I have following function which is not working with new added raw. (Working with old raw without any problem).

$(document).ready(function() {
     $("#mytable td").click(function(event) {
    alert($(this).text());
   $(this).html('y');
        }); 
 });

Possible duplicate of [Event binding on dynamically created elements?](https://stackoverflow.com/questions/203198/event-binding-on-dynamically-created-elements) — Jeto, Apr 07 '19 at 16:29

score 1 · Answer 1 · answered Apr 07 '19 at 16:32

1

would you please try following.

$(document).ready(function() {
     $(document).on("click","#mytable td",function(event) {
         alert($(this).text());
         $(this).html('y');
     }); 
 });

answered Apr 07 '19 at 16:32

Obaidul Kader

217
1
7

`$('#mytable').on('click', 'td', ...)` would be more efficient here. – Jeto Apr 07 '19 at 16:37

javascript click function not working after adding new raw in table

1 Answers1