Question

JS:怎样一次性删除新建的DIV？

如图，我在输入框中输入数字个，可以一次性产生多个div,现在我想点击删除的时候把新建的DIV全部删除，怎样才能实现？
经jianglin提醒后，我把自己的代码修改了一下，但结果很奇怪：
如果按上图这样执行的话是没有问题的。

但如果按我注释掉的那样执行的话，假如我新建10个div，第一次删除的话只能删除前五个，第二次只能删除第6，7，8三个；第三次只能删除第9个，第四次才能删除第10个。

如果我新建20个div的话，第一次删除前10个，后面和前面一样，依次删除的个数是：3，1，1

为什么会出现这种情况，有人能帮忙解答一下吗？





Answer 1

jquery:

$("div").remove();

javaScript:

var arrayOfDiv = document.getElementsByTagName("div");
var parent = arrayOfDiv[0].parentNode;
var length = arrayOfDiv.length;
for(var i=0;i<length;i++)    
  {  
     parent.removeChild(arrayOfDiv[0]); 
  }

如果你页面上还有其它div,你只想删除新添加的,那最好是在新添加的时候将div放入一个数组,删除的时候删除这个数组中的div就可以了 

Answer 2

删除所有DIV还是删除当前生成的10个。
删除当前生成的可以将此次生成的DIV按编号放在数组中。
然后循环删除。