jqueryremoved字段仍然可以直接在代码中使用

jqueryremoved字段仍然可以直接在代码中使用,jquery,dom,Jquery,Dom,我有几个在第一页加载时不存在的输入框。它们由JQuery通过.clone()创建 现在的问题是,在通过按钮功能删除元素后,它仍然会获得(以前删除的)输入字段及其值。 如何防止这种情况发生?您应该使用而不是单击下面的代码片段,如下所示 $('#remove').on('click', function () { if (confirm("Are you sure?")) { $('.myInputs:last').slide

我有几个在第一页加载时不存在的输入框。它们由JQuery通过.clone()创建

现在的问题是,在通过按钮功能删除元素后,它仍然会获得(以前删除的)输入字段及其值。
如何防止这种情况发生?

您应该使用而不是单击下面的代码片段,如下所示

$('#remove').on('click', function () {
        if (confirm("Are you sure?")) {                 
            $('.myInputs:last').slideUp('slow').remove();
            calculatesum();
        }

谢谢换了。并发现了错误。通过使用$('.myInputs:last').slideUp('slow').remove();,它有效。这也应该有效。让我用你的建议更新我的答案,以帮助未来的访问者
$(document).ready( function() {
    function calculatesum() {
        var sum = 0;
        var value = 0;
        var error = false;
        var count = new Number($("input.myInputs").length);

        if(count >= 1) {
            $("input.myInputs").each(function() {
                if($.isNumeric($(this).val())) {
                    value = new Number($(this).val());
                    sum = sum + value;
                }
                else
                    error = true;
            });
        }
        if(!error)  alert(sum);
        else        alert("Error");
    }

    $('body').on('change', 'input.myInputs', function () {  
        calculatesum();
    });

    $('#remove').click(function () {
        if (confirm("Are you sure?")) {                 
            $('.myInputs:last').slideUp('slow', function () {
                $(this).remove();
            });
            calculatesum();
        }
        return false;
    });
}
$('#remove').on('click', function () {
        if (confirm("Are you sure?")) {                 
            $('.myInputs:last').slideUp('slow').remove();
            calculatesum();
        }