Javascript 使用引导触针添加和删除输入元素

我正在尝试使用引导触针动态创建一系列输入区域，这些区域稍后将用于创建单词数组，但在创建元素时遇到了一些问题。我可以创建元素，但问题是删除它们，我正在尝试让它工作

    <script>
    var limit = 40;
    var counter= 0;
        $("input[name='cant']").TouchSpin({
            min: 0,
        }).on('change', function (){ 
            var number = $(this).val();

            if ((number) >= limit)  {
                alert("Word limit reached");
                number=limit;
                }
                if(number >= counter){
                    for(i=counter;i<number;i++) {
                    var newdiv = document.createElement('div');
                    newdiv.innerHTML = "<br><input type='text' id='word"+i+"'>";
                    document.getElementById("ingresar").appendChild(newdiv);
                    counter++;
                    }else{
                        for(i=counter;i>number;i--){
                            document.getElementById("word"+i).remove();
                            counter--;
                        }
                    }
                }

        ;});
    </script>

var限值=40；
var计数器=0；
$（“输入[name='cant']）。触针({
分:0,，
}).on（'change'，函数（）{
var number=$（this.val（）；
如果（（数量）>=限制）{
警报（“达到字数限制”）；
数量=限制；
}
如果（数字>=计数器）{
for（i=计数器；inumber；i--）{
getElementById（“word”+i）.remove（）；
计数器--；
}
}
}
;});

---

有什么我遗漏的吗？我猜玩元素ID会把我的代码搞乱。还有其他更有效的方法吗？

在sintaxis（和逻辑）中有一些错误：用$（'#word'+i.parent（）.remove（）修复

if（数字>=计数器）{
对于（i=计数器；inumber-1；i--）{
$（'#word'+i）.parent（）.remove（）
}
计数器=数字；
}

嗯，

domNode.remove（）

在最新的浏览器中得到了一定程度的支持，但您可能正在尝试使用jQuery方法，在这种情况下，您需要一个jQuery对象，因此

$（'#word'+i）.remove（）

。另外，您的目标不是插入的DIV，而是其中的输入？很好，就是这样，我使用了：$（'#word'+I）.parent（）.remove（）并修复了我的sintaxis的一些问题，现在工作正常，感谢您的输入

    if(number >= counter){
                    for(i=counter;i<number;i++) {
                    var newdiv = document.createElement('div');
                    newdiv.innerHTML = "<br><input type='text' id='word"+i+"'>";
                    document.getElementById("ingresar").appendChild(newdiv);
                    }
                    counter=number;
                }else{
                    for(i=counter;i>number-1;i--){
                        $('#word' + i).parent().remove()
                        }
                        counter=number;
                    }