javascript - 动态表单 - DOM 操作

Question

我有一个表单，可以通过 add 链接添加新的输入字段。每个新添加的输入字段也可以通过 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();