我有一个克隆表单的按钮,我想放另一个按钮来删除特定的克隆表单。我该怎么办?
我使用了事件closest
和remove
,但它仍无效。它删除了我拥有的所有表格。
<input style='width: 60px;' type='submit' class='clone' value='+' />
<form name='form' id='form' method='POST'>
<input style='width: 80px;' type='submit' name='add_jo' value='Submit all' />
<div class='cform'>
<td><input class='txtedit' placeholder='Description' name='description[]' /></td>
</div>
<input class="txtedit" type="submit" class="remove" value="Cancel"/>
</form>
JQuery的
$('.clone').click(function(event){
event.preventDefault();
var tr = $('.cform:first');
var newTr = tr.clone();
newTr.find(":input").val(''); //find all input types (input, textarea), empty it.
newTr.appendTo(tr.parent());
});
$(".remove").click(function(e) {
$(this).closest(".cform").remove();
e.preventDefault();
});
答案 0 :(得分:0)
由于您最近添加的元素应该是最后一个,因此您可以使用适当的选择器并获取它:
$(".remove").click(function(e) {
$(".cform:last-child").remove();
e.preventDefault();
});