在下一个div中移动h3标签

Question

所以我有一组像这样输出的东西：

<h3>X</h3>
<div>
    <p>xxxxx</p>
</div>
<h3>Y</h3>
<div>
    <p>yyyyy</p>
</div>
<h3>Z</h3>
<div>
    <p>zzzzz</p>
</div>

我想把它变成：

<div>
    <h3>X</h3>
    <p>xxxxx</p>
</div>
<div>
    <h3>Y</h3>
    <p>yyyyy</p>
</div>
<div>
    <h3>Z</h3>
    <p>zzzzz</p>
</div>

使用jQuery，我尝试了这个：

$('h3').next('div').prepend();

但是没有工作，请帮忙。

Answer 1

尝试这样的事情：

$('h3').each(function(){
 div = $(this).next('div');
 div.append($(this));
 $(this).remove();
});