javascript - 单击按钮时 JQuery 追加

Question

我有一个表单，可以进行少量计算并在表行中显示数据。我还添加了一个按钮来删除末尾的每一行。但是当我进行几次计算时，按钮会重复。请引用下图。

Image

JS Fiddle

以下是我附加按钮的方法

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

        });
    });

我不明白为什么每次添加新行时按钮都会重复。

Answer 1

最后一个类使用last。

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

Working Fiddle