[英]How to remove a cloned div in Jquery
<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。
我认为您的删除代码应如下所示:
$('#removeButton').click(function(){
$('#file > .upload:last').remove();
$('#file > .desc:last').remove();
});
尝试这个:
$('#removeButton').click(function(){
$('.upload:last').remove();
$('.desc:last').remove();
});
你也可以用这个
$('#removeButton').click(function(){
$('#file').css('display','none');
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.