jquery-append html使用类

Question

我想将html的类和它的嵌套html附加到另一个div，只有可用的东西是level-1添加元素和嵌套元素可以达到任何级别。在“节点”无法执行“的appendChild”：

当我想下面的代码，它是没有得到追加在控制台 -

未捕获抛出：DOMException抛出下面的错误的新的子元素包含父。

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>