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>