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();
    });
});

我没有删除TextBoxes！

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删除文本框

2 个答案: