如何在jQuery中刪除克隆的div

Question

<div id="file">             
    <input type="file" name="txtImage[]" class="upload" />                                 
    <input type="text"  name="txtImageDesc[]" class="desc" />
</div>  
<input type="button" value="Add" name="addButton" id="addButton"  />
<input  type="button" value="Remove" name="removeButton" id="removeButton" />

這是我的html div，我需要在按鈕單擊時添加和刪除，這是我的jquery代碼

<script type='text/javascript'>
    $('#addButton').click(function(){
        $('.upload:last').clone().appendTo('#file');  
        $('.desc:last').clone().appendTo('#file');
    });

    $('#removeButton').click(function(){
        $('.upload:last').clone().remove('#file');
        $('.desc:last').clone().remove('#file');
    });
</script>   

問題是在添加按鈕上，它可以正常工作，但在刪除按鈕上卻不能。 單擊刪除按鈕時，需要刪除克隆的div。

Answer 1

我認為您的刪除代碼應如下所示：

$('#removeButton').click(function(){
  $('#file > .upload:last').remove();
  $('#file > .desc:last').remove();
});

Answer 2

嘗試這個：

$('#removeButton').click(function(){
  $('.upload:last').remove();
  $('.desc:last').remove();
  });

Answer 3

你也可以用這個

$('#removeButton').click(function(){
        $('#file').css('display','none');
});