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

Question

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

如果我尝试类似的操作：

$('#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 设置为

以及其他每个关闭

并打开一个新的...这样 H1 下的所有内容都会包含在内。

任何事物？

Answer 1

假设你的 HTML 设置，下面的方法就可以解决问题：

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

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

Answer 2

尝试：

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

http://jsfiddle.net/7V2fb/1/