如何使用jquery合并两个div？

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);