javascript - Jqueryで動的に追加するテーブル行を削除しますが、変数値を保存できません

Question

button.clickイベントでテーブル行を動的に追加しています。

このコードを使用すると、削除行が機能しません。

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に戻ります。および-2回目のクリックで:(

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

});

Answer 1

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