刪除行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上執行任何操作，例如在這種情況下刪除父行。