jQuery單擊按鈕附加

Question

我有一個表格，可以進行少量計算並在表格行中顯示數據。 我還添加了一個按鈕，以最后刪除每行。 但是，當我幾次進行計算時，按鈕將重復出現。 請參考下圖。

圖片

JS小提琴

以下是我附加按鈕的方式

    $(document).ready(function () {
    $('#calculate').click(function () {
    var removeBtn = $('<button class="removeBtn" id="removeBtn">Remove</button>');
                    $('.row-time').append(removeBtn);

        });
    });

我不明白為什么每次添加新行時按鈕都會重復。

Answer 1

last一個課使用last 。

$('.row-time:last').append(removeBtn);

工作小提琴