jquery - 使用 jQuery 删除 onclick 元素(包括删除按钮本身)

Question

我知道有些问题看起来像我的问题，但在这种情况下，我也希望删除删除按钮，但我不知道如何做到这一点。

这是我的问题:

当单击 append 按钮时，我使用 jQuery append 3 个元素。包括删除按钮。

我希望这个删除按钮能够删除它自己和其他两个元素。计数器应该产生相同的 Id，但我不确定我是否使用 jQuery 正确地做到了这一点。

如何删除三个元素，包括删除按钮 onclick？

$(function() {
    var counter = 0;
    
    $('a').click(function() {
        $('#box').append('<input type="checkbox" id="checkbox" + (counter) + "/>');
        $('#box').append('<input type="text" id="t1" + (counter) + "/>');
        $('#box').append('<input type="button" value="." id="removebtn" + (counter) + "/>');
        $("#box").append("<br />");
        $("#box").append("<br />");
        counter++;
    });
         
    $('removebtn').click(function() {
        remove("checkbox");
    });
});

Answer 1

我的建议是这样的。

$(function () {
    var counter = 0;

    $('a').click(function () {
        var elems = '<div>'+
              '<input type="checkbox" id="checkbox"' + (counter) + '" class="item"/>' + 
              '<input type="text" id="t1"' + (counter) + '"/>' +
              '<input type="button" class="removebtn" value="." id="removebtn"' + (counter) + '"/>' +
        '</div>';
        $('#box').append(elems);
        $("#box").append("<br />");
        $("#box").append("<br />");
        counter++;
    });

    $('.removebtn').live(function () {
        $(this).parent().remove();   
    });
});

simple demo