jQuery- 使用类追加 html

Question

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

当我尝试下面的代码时，它没有被附加并在控制台中抛出以下错误-

未捕获的 DOMException：无法在"节点"上执行"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>

.JS：

$('#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>