jQuery-使用类追加html

Question

我正在尝试将类的html及其嵌套的html附加到另一个div中，唯一可用的是级别-1，用于添加元素，嵌套元素可以上升到任何级别。

当我尝试下面的代码时，它不会在控制台中被附加或抛出错误-

Uncaught :在‘Node’上执行'appendChild‘失败:新的子元素包含父元素。

HTML：

<div class="level-1">
  <div class="level-2">
    <div class="level-3">
  aaaaaaa
      <div class="level-4" style="display:none">
      <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>

        <ul>
      </div>
  </div>

  </div>
   <div class="level-2"></div>
   <div class="level-2"></div>
</div>
<div class="level-1">
  <div class="level-2">
  <div class="level-3">
  bbb
 <div class="level-4" style="display:none">
      <ul>
        <li>11</li>
        <li>22</li>
        <li>33</li>

        <ul>
      </div>
   <div class="level-2"></div>
   <div class="level-2"></div>
</div>


   <div id="output"></div>

联署材料：

$('#output').append($('.level-1'));

Answer 1

你忘了关闭一些div。

在这段代码中，您有3个未关闭的div，更确切地说是前三个。

<div class="level-1">
  <div class="level-2">
  <div class="level-3">
  bbb
 <div class="level-4" style="display:none">
      <ul>
        <li>11</li>
        <li>22</li>
        <li>33</li>

        <ul>
      </div>
   <div class="level-2"></div>
   <div class="level-2"></div>
</div>