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);

工作小提琴