-1

追加した最後のボックスを削除する際に問題があります。これまでに行ったことは次のとおりです。得られる助けに感謝します。ありがとう。

$('#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();
        });
4

2 に答える 2

3

使用: (重複する ID を使用しないでください。代わりにクラスを使用してください)

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

次のように変更できます-

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

と

$('#div .toremove:last').remove();
于 2013-05-24T10:50:37.653 に答える
1

ここで:last セレクターを使用します。

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

また、入力にクラスform_elementを既に使用しているため、これを行うこともできます。

$('#remove').on('click', function () {
    $('#div .form_element:last').remove();
});
于 2013-05-24T10:51:15.723 に答える