删除行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'）绑定到该元素，然后在click上执行任何操作，例如在这种情况下删除父行。