Javascript 使用Jquery动态删除添加表行，但无法保存变量值

我正在按钮上动态添加表行。单击事件

如果使用此代码，则删除行不起作用

var count = 1;
$('button[id^="product"]').click(function () {
//adding row to table : WORKING FINE

count++;         
});

$(".del_row").click(function() {
//removing row // NOT WORKING
count--;
});

如果我尝试代码bwloe。它正在工作，但计数返回到0；和-第二次点击：(

---

。单击

不适用于动态插入。您应该在

$('button[id^="product"]').click(function () {
//adding row to table : WORKING FINE
count++;
$(".del_row").click(function() {
//removing row 
count--;
});     

});

$("#TABLE_ID").on("click", ".del_row", function() {
   //remove row here
   count--;
});