删除Row JQuery

Question

我想在每次创建时在每行的最右边都有一个带有X的按钮，这样我就可以在完成后删除它们。如何使用相同的JQuery方法来创建行？我尝试了<tr>，但我没有使用这些标记构建表格。

感谢您的帮助

var $button = $('#add-row'),
    $row = $('.SigEvent').clone();

$button.click(function(){
    $row.clone().insertBefore( $button );
    });
});

<div class="Cell">
    <input type="text" name="Sig[]" style="width: 99%" required class="UPPER" />
</div>

Answer 1

创建删除按钮时，您将绑定该按钮以删除父行。

列表

$button.on('click', function() {
    var parentButton = $(this);
    $row.clone().insertBefore(parentButton );
    var closeButton = $("<button>");
    parentButton .append(closeButton);
    closeButton.on('click', function() {
        $(this).parents(parentButton).parent('.Cell').remove();
    });
});

类似的东西。您可以在第一个事件中包装其他事件。

基本上，您将在行追加中构建关闭按钮，以便为构建的每一行生成一个新的关闭按钮。 closeButton.on（'click'）绑定到该元素，然后在单击时可以执行任何操作，例如在这种情况下删除父行。