Jquery：是否可以同时删除所有动态添加的文本框

我有以下代码动态添加文本框

上面的代码工作得很好，但我需要一次删除所有添加的文本框，而不是逐个删除。可能吗？请帮忙

---

谢谢

确保这是可能的，例如，向它们添加一个css类，然后删除该类的所有内容：

$('removeBtn').click(function() {     
    $(".my-dynamic-textbox").remove();
});

修改此行以添加自定义css类：

newTextBoxDiv.html('<input class="form-textbox my-dynamic-textbox" type="text" name="textbox[]" id="txt_brand_' + counter + '" value="">');

---

使用

IDs

可以使用：

$("[id^='TextBoxDiv']").remove();

---

添加一个附加类以指示它是动态添加的，然后使用它来删除

var counter = 1;
$("addBtn").click(function () {
    if (counter > 5) {
        alert('Only 5 text boxes allowed');
        return false;
    }

    var newTextBoxDiv = $('<div />', {
        id: 'TextBoxDiv' + counter,
        'class': 'dynamic-text'
    });
    newTextBoxDiv.html('<input class="form-textbox" type="text" name="textbox[]" id="txt_brand_' + counter + '" value="">');

    newTextBoxDiv.insertAfter("#div5");

    counter++;
});

---

向动态添加的元素添加相同的类

比如class='dynamic\u element'

。现在，当您单击delete按钮时，使用以下类删除元素

$('.dynamic_element').remove();

var counter = 1;
$("addBtn").click(function () {
    if (counter > 5) {
        alert('Only 5 text boxes allowed');
        return false;
    }

    var newTextBoxDiv = $('<div />', {
        id: 'TextBoxDiv' + counter,
        'class': 'dynamic-text'
    });
    newTextBoxDiv.html('<input class="form-textbox" type="text" name="textbox[]" id="txt_brand_' + counter + '" value="">');

    newTextBoxDiv.insertAfter("#div5");

    counter++;
});

$('.dynamic-text').remove()

$('.dynamic_element').remove();