jquery - 使用 JQuery 的周围元素 - before() 没有做我想做的事

Question

我有一些 HTML，我正在调用每个 H1使用.each() 。我想要不仅包围 H1，还包围它下面的所有内容 - 直到下一个 H1 - 带 div。

如果我尝试这样的事情:

$('#presentationcontent h1').each(function (index) {
      $(this).before('<div>');

它为我关闭了 div...我想做这样的事情:

 $('#presentationcontent h1').each(function (index) {
        counter++;
        if (counter == 1) 
        {
            $(this).before('<div class="headingSections" style="border: 1px">');
        }
        else
        {
           $(this).before('</div><div class="headingSections" style="border: 1px">');
        }

希望我能设置第一个H1至<div>以及其他所有关闭 <div>然后打开一个新的...这样 H1 下的所有内容被包括在内。

有什么吗？

Answer 1

对 HTML 设置进行假设，以下操作即可解决问题:

$('#presentationcontent h1').each(function() {
    $(this).nextUntil('h1').andSelf().wrapAll('<div/>');
});

这是一个jsFiddle它的工作原理。