使用 jQuery 删除文本框

Question

$(document).ready(function() {
    var textBoxCount = 0;
    $('body').append('<input type="button" id="add" value="add">');
    $('#add').click(function() {
        textBoxCount++;
        $('body').append('<br><input type="text" id="textBox-'+textBoxCount+'"><input type="button" class="deleteTextBox" id="deleteTextBox-'+textBoxCount+'" value="x">');
    });
    $('.deleteTextBox').click(function() {
        $(this).prev().remove();
    });
});

我没有删除文本框！

Answer 1

单击的元素 (.deleteTextBox) 未出现在文档就绪中，因此 $('.deleteTextBox').click() 无法检测到它。

尝试 on():

$(document).on('click', '.deleteTextBox', function() {
   $(this).prev().remove();
});

Answer 2

试试这个updated fiddle

$('body').on('click', '.deleteTextBox', function() {        
    $(this).prev().remove();
    $(this).remove();
});

使用 jQuery 删除文本框

Delete a textbox using jQuery

javascript

jquery

textbox