<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。
答案 0 :(得分:5)
我认为你的删除代码应该是这样的:
$('#removeButton').click(function(){
$('#file > .upload:last').remove();
$('#file > .desc:last').remove();
});
答案 1 :(得分:3)
试试这个:
$('#removeButton').click(function(){
$('.upload:last').remove();
$('.desc:last').remove();
});
答案 2 :(得分:0)
你也可以使用它,
$('#removeButton').click(function(){
$('#file').css('display','none');
});