javascript - 如何使用 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>

我试过使用 jQuery 的 .wrap 函数，但没有成功，因为标题标签下可以有多种类型的元素，我发现了这个问题:jQuery wrap sets of elements in div这非常相似，但无法满足我的需要，有人可以帮助我吗？

提前致谢!

Answer 1

这样做:

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