删除最后一个克隆元素

时间:2014-04-21 20:24:37

标签: jquery

我有一个克隆表单的按钮,我想放另一个按钮来删除特定的克隆表单。我该怎么办?

我使用了事件closestremove,但它仍无效。它删除了我拥有的所有表格。

<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();

});

1 个答案:

答案 0 :(得分:0)

由于您最近添加的元素应该是最后一个,因此您可以使用适当的选择器并获取它:

$(".remove").click(function(e) {
    $(".cform:last-child").remove();
    e.preventDefault();
});