删除行 JQuery [重复]

【问题标题】：Delete Row JQuery [duplicate]删除行 JQuery [重复]
【发布时间】：2014-04-28 15:09:59
【问题描述】：

我希望每次创建时在每行的最右侧都有一个带有 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>

【问题讨论】：

标签： javascript jquery

【解决方案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') 绑定到该元素，然后在单击时您可以执行任何操作，例如在这种情况下删除父行。

【讨论】：