Question

我用jQuery创建了一个简单的多文本输入，附加文本字段工作正常。但是，努力消除它们。我用谷歌搜索，检查过去的问题但是，不知道如何将它们与我的代码相匹配。

这是我的代码

$(document).ready(function () {
    var i = 1;
    (function () {
        $('.dd').on('click', '.addRow', function () {
            i = i+1;
            var start = $('#fields'),
            newRow = $('<input type="text" name="i" class="quantity" /><p class="xx">X</p><br><br>');
            $(start).append(newRow);
        });
    })();
});

HTML

<div class="dd">
    <form action="js-more-fields.php" method="get">
        <div id="fields">
        </div>
        <p class="addRow">Add a Row</p>
        <input type="submit" id="submit" />
    </form>
</div>

Answer 1

这是有效的Bind data to xtrascheduler programatically with resource.

 $(document).ready(function () {
    var i = 1;
    (function () {
        $('.dd').on('click', '.addRow', function () {
            i = i+1;
            var start = $('#fields'),
                newRow = $('<div id='+i+'><input type="text" name="i" class="quantity"/><span class="delete">X</span></div><br/>');
            $(start).append(newRow);
        });
        $('body').on('click', '.delete', function(e) {
        $(this).parent().remove();
       });


    })();
    });

：您正在尝试绑定单击不存在的动态创建元素。您可以使用委托或on来执行此操作。

Answer 2

对动态创建的元素使用JQuery：

api.jquery.com

无法使用jQuery删除附加的元素

2 个答案: