如何合併兩個div與jquery？

Question

如果我的HTML看起來像這樣：

<div class="awesome"> 
     <p>Some words of wisdom</p> 
</div> 
<div class="awesome"> 
     <select name="awesome-options"> 
      <option value="1">1</option> 
      <option value="2">2</option> 
     </select> 
</div> 

我怎樣才能使它看起來像這樣使用jQuery：

<div class="awesome"> 
     <p>Some words of wisdom</p> 
     <select name="awesome-options"> 
      <option value="1">1</option> 
      <option value="2">2</option> 
     </select> 
</div> 

我還在學習jQuery，因此我知道如何更換標籤或刪除它們，我只是無法弄清楚如何去除其中的一部分。

Answer 1

將所有HTML成一個變量，刪除所有div但第一個（除非你想一個新的標籤！然後添加合併HTML到DIV（或創建一個新的與合併HTML）。

var combinedHTML = ""; 
$(".awesome").each(function() { 
    combinedHTML += $(this).html(); 
}); 

$(".awesome").not(':first').remove(); 
$(".awesome").html(combinedHTML);