jquery - 如何通过 jQuery 将隐式部分包装在 HTML 5 中？

Question

HTML 片段:

<h1>Heading</h1>
<p>paragraph paragraph paragraph</p>
<h2>Heading</h2>
<p>paragraph paragraph paragraph</p>

上面的代码片段等于:

<section>
  <h1>Heading</h1>
  <p>paragraph paragraph paragraph</p>
  <section>
    <h2>Heading</h2>
    <p>paragraph paragraph paragraph</p>
  </section>
</section>

如上所述here .

现在我想通过 jQuery 从第一个片段开始执行此操作。已经有一个 API 可以实现这一点吗？

Answer 1

演示:http://jsfiddle.net/abdennour/LX2YX/

$('h2').next('p').andSelf().wrapAll('<section />');

$('h1').next().andSelf().next().andSelf().wrapAll('<section />');

您可以看到浏览器检查器来检查您的 DOM 树: