3

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>

4

1 に答える 1

7

およびすべてのタグを使用wrapAllしてグループ化してみてくださいh1p

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

デモ: http://jsfiddle.net/zPafK/

またはhttp://jsfiddle.net/zPafK/2/ (いくつかのスタイルを追加)

于 2013-06-03T15:03:48.857 に答える