javascript - 如何包装h1并跟随div中的内容？

<分区>

我需要知道如何包装 h1 并跟随 div 中的内容。这是原始结构:

<h1>Title #1</h1>
<p>Text</p>
<p>Text</p>

<h1>Title #2</h1>
<p>Text</p>
<p>Text</p>
<p>Text</p>

<h1>Title #3</h1>
<p>Text</p>

这是我想要得到的结果:

<div>
  <h1>Title #1</h1>
  <p>Text</p>
  <p>Text</p>
</div>

<div>
  <h1>Title #2</h1>
  <p>Text</p>
  <p>Text</p>
  <p>Text</p>
</div>

<div>
  <h1>Title #3</h1>
  <p>Text</p>
</div>

最佳答案

尝试使用 wrapAll 并将 h1 和所有 p 标签分组

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

演示: http://jsfiddle.net/zPafK/

或http://jsfiddle.net/zPafK/2/ (添加了一些样式)

关于javascript - 如何包装h1并跟随div中的内容？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16899698/

上一篇：html - Wordpress 主题中的相关图像链接

下一篇：javascript - 如何区分javascript/jquery中的鼠标点击和.click()？

相关文章：

javascript - 如果未选中子节点，则未选中父节点

javascript - 将一个 div 滑出屏幕(边距为 : 0px auto)

javascript - 可选类型的 jQuery 选择器

javascript - 如何选择带有列表项的偶数行

html - 动画问题和悬停在按钮上

javascript - 弹出窗口的显示 id 按钮不起作用

javascript - 显示每个评级星的消息

javascript - Ionic 2 **panup** 和 **pandown** 事件不起作用

Javascript同步调用更新

html提交链接