2

ヘッダーとリストのグループを取得し、それらを個別に含めて、スタイルを設定できるようにしようとしています。すなわち：

<h2>Title 1</h2>
<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>
<h2>Title 2</h2>
<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

.before()とを使用してタグの前に.afteraを追加し、タグの後に閉じることでこれを試みましたが、jqueryがタグを自動的にクリーンアップして閉じることがわかりました。だから、タイトルとリストをグループ化する方法がわからないので、使用する必要があると思います。divh2ulwrap()

4

2 に答える 2

4

使用する

$('h2').each(function(){
   var self = $(this);
   self.add( self.next() ).wrapAll('<div/>');
});

http://jsfiddle.net/gaby/e4f9h/のデモ

于 2012-11-15T21:32:00.597 に答える
0

両方の要素を含むjQueryコレクションを作成するとします。このためには、h2要素を選択します。next()あなたはulである要素を見つける必要があるでしょう。両方をリンクした後、それをwrapAll()含むdivを使用します。

$("h2").each( function(){
   var h2 = $(this);
   h2.add(h2.next("ul")).wrapAll('<div class="madWrapper"></div>');             
});​​​​​​

jsFiddle

于 2012-11-15T21:33:29.247 に答える