如何用jQuery包装div标签中的各种元素？

Question

我有一个看起来像这样的html结构:

<h5>Title</h5>
<p> Content </p>
<ul>
    <li>Item</li>
    <li>Item</li>
</ul>
<p> Content </p>

<h5>Title</h5>
<p> Content </p>
<ul>
    <li>Item</li>
    <li>Item</li>
</ul>
<p> Content </p>

总而言之,它只是一些包含在它们下面的内容的标题,我只需要在div中的标题标记下方的所有内容,如下所示:

<h5>Title</h5>
<div>
    <p> Content </p>
    <ul>
        <li>Item</li>
        <li>Item</li>
    </ul>
    <p> Content </p>
</div>

我已经尝试过使用.wrapjQuery 的功能,但没有运气,因为标题标签下面可以有多个类型的元素,我发现这个问题:jQuery在div中包装元素集非常相似,但是无法将其纳入我需要什么,任何人都可以帮助我吗？

提前致谢!

Answer 1

做这个:

$(document).ready(function () {
    $('h5').each(function () {
        $(this).nextUntil('h5').wrapAll('<div class="box"></div>');
    })
})

Answer 2

你可以试试这个:

http://jsfiddle.net/GGjXN/1/

$(function() {
    $('h5').each(function(i, e) {
        $(e).nextUntil('h5').wrapAll('<div>');
    });
});