javascript - 在javascript中没有for循环的情况下从父级删除所有div子级

Question

我的 javascript 中有以下代码:

for (var a = 0; a < cnt; a++) {
    var element = document.getElementById("button" + a).getElementsByTagName("div");

     for (index = element.length - 1; index >= 0; index--) {
          element[index].parentNode.removeChild(element[index]);
     }

     $("#button" + a).append("Some large html data");
}

我正在删除父 ID“button0”、“button1”... 等的所有子项，它们是 div。 然后将新数据附加到这些 parent 。

但是，当 cnt 超过 200 时(通常情况下)，这段特定的代码需要很长时间才能执行。我怎样才能加快速度？有没有另一种方法可以删除所有子 div 而无需遍历每个子 div？

Answer 1

<div class="main">
   <p>hello p1</p>
   <p>hello p2</p>
   <span> hello world this is span </span>
</div>

$('.main p').remove();    // any number of depths
$('.main > p').remove();    // immediate children