动态表单 - DOM操作

Question

我有一个表单，可以通过add链接添加新的输入字段。每个新添加的输入字段也可以通过链接remove删除。

我该怎么做才能使add and remove链接仅显示最后添加的输入字段？

例子：jsfiddle - my code

$(function() { 
    $('a.add_input').live('click', function(event) { 
     event.preventDefault(); 
     var $class = '.' + $(this).closest('div.find_input').find('div').attr('class'); 
     var newDiv = $($class).find('div:first').clone(); 
     //alert(newDiv)     
     newDiv.append('<a href="" class="remove_input">remove</a>') 
     newDiv.find('input').each(function() { 
      $(this).val(''); 
     }); 
     $($class + ':first div:last').before(newDiv); 
     $(this).prev('a.add_input').remove(); 
     alert(ok) 
    }); 

    $('a.remove_input').live('click', function(event) { 
     event.preventDefault(); 
     $(this).closest('div').remove(); 
    }); 
}); 

Answer 1

全部删除，但是从集合中最后.add_input：

$(this).closest('.find_input').find('.add_input:not(:last)').remove();