1 
<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 を削除する必要があります。

4

3 に答える 3

5

削除コードは次のようにする必要があると思います：

$('#removeButton').click(function(){
  $('#file > .upload:last').remove();
  $('#file > .desc:last').remove();
});
于 2013-04-26T11:10:08.643 に答える