jquery - 使用JQuery选择dom并更改它

Question

我的html代码是:

<h2>123</h2>
<p>123</p>
<h3>123<h3>
<p>123</p>
<h2>456</h2>
<p>123</p>
<h3>123<h3>
<p>123</p>
<h2>456</h2>
<p>123</p>
<h3>123<h3>
<p>123</p>

我希望它们是这样的:

<div>
    <h2>123</h2>
    <p>123</p>
    <h3>123<h3>
    <p>123</p>
</div>
<div>
    <h2>456</h2>
    <p>123</p>
    <h3>123<h3>
    <p>123</p>
</div>

页面没有改变，只有标签改变

如何使用 Jquery 执行此操作？

Answer 1

您可以使用nextUntil()对元素进行分区，以及 wrapAll()创建周边<div>元素:

$("h2").each(function() {
    $(this).nextUntil("h2").andSelf().wrapAll("<div></div>");
});