Jquery删除追加输入

Question

    $(document).ready(function() {
        var n=1;

        $("#add").click(function(){
            if(n<8){
            $("#form").append("
                <input type='text' name='input_" + (n++) +"'/>
                <input type='button' id='remove_" + (n++) +"' value='REMOVE'/>");
            }
        });     
    });

我有一个Jquery添加输入文本.

如何删除特定输入.

http://jsfiddle.net/JvW3L/

Answer 1

假设id要单击具有'deleteInput' 的元素以触​​发删除:

$('#deleteInput').click(function(e){
    // in case it's an element with a default action:
    e.preventDefault();
    $('#form input').last().remove();
    n--;
});

上面将简单地删除最后 input添加的元素,并减少n变量.

另一方面,如果要删除input除最后一个之外的特定内容:

$('.deleteInput').click(function(e){
    e.preventDefault();
    $(this).prev('input').remove();
});

这假定元素,具有一类deleteInput将立即跟随input被删除.在这种情况下,我n将按原样离开,让你找到一些方法来重新使用空出/清空的'槽' input来重新创建(因为简单的减量可能会导致两个元素(无效地)共享相同id.

参考文献:

• click().
• event.preventDefault().
• last().
• prev().
• remove().