如何将两个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之外的所有DIV（除非您想要一个新标签！），然后将合并的HTML添加到DIV中（或使用合并的HTML创建一个新的HTML）。

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

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