jquery - 如何删除最后附加的输入框

Question

我在删除我附加的最后一个框时遇到问题，这是我已经走了多远，我会很感激我能得到的任何帮助。谢谢。

$('#btn').on('click', function () {
            var num = parseInt($('#num').val(), 10);
            if (!isNaN(num)) {
                  var $div = $('#div');
                for(var i=0;i< num;i++) {
                     $div.append('<input id="toremove" type="text" name="subject" class="form_element" placeholder="e.g Biology, Economics, Geography, Commerce, Agric.Sci" /> <a href"#" id="remove" class="delete"><a/>')   ;
                }
            }
        });

        $('#remove').on('click', function() {
            $('#toremove').lastChild().remove();
        });

Answer 1

使用：（不要使用重复的 ID .. 使用类代替）

$('#toremove:last').remove();

您可以将其更改为 -

$div.append('<input class="toremove"...

和

$('#div .toremove:last').remove();

Answer 2

在这里使用:last 选择器：

$('#remove').on('click', function () {
    $('#div input:text:last').remove();
});

此外，您可以这样做，因为您已经在使用类form_element作为输入：

$('#remove').on('click', function () {
    $('#div .form_element:last').remove();
});