在下一个div中移动h3标签

时间:2015-08-06 17:56:36

标签: javascript jquery

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

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

但是没有工作,请帮忙。

1 个答案:

答案 0 :(得分:0)

尝试这样的事情:

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