javascript - jquery删除动态创建的输入字段

Question

因此，我正在创建一个项目，您可以在其中创建无限数量的属于同一数组的输入字段，并最终通过 ajax 将其发布到 php 处理程序。我设法做到了这一点，它工作正常但我遇到的问题是我想让用户删除他/她不想要的输入(即错误创建)，它似乎是脚本的核心部分，但我不知道如何处理这个问题。

你可以在这里看到这个项目:

http://jsfiddle.net/7LCzN/

这是代码:

$(function(){
    $("#add").on('click', function () {
        $('body').append('<input type="text" class="ac" name="array[]" />');
    });
});

$(function(){
    $("#post").on('click', function () {

        var myArray = new Array();

        $('.ac').each(function(index, elem) {
            myArray.push($(elem).val());
        });
        $('#result').text(myArray);
    });
});

例如，我创建了 4 个具有这些值的字段:

5463、8675、2340、1203

我刚刚意识到我不想要值 2340 的那个我想删除它所以我只剩下 3 个字段:

5463、8675、1203

任何帮助的人，我都很高兴和感激，谢谢你们:)

Answer 1

.remove()是一个 jQuery 函数，您可以使用它从 DOM 中删除元素。

这是一个小例子:

$(".inputToRemove").remove();

这是 a fork of your jsFiddle一个工作示例。