1

jQuery wrapAll を使用して、h1タグと複数のpタグの両方を 1 つにラップしようとしています。div

ここに私のHTMLがあります:

<h1>Title</h1>
<p>This is a paragraph</p>
<p>This is another paragraph</p>
<div class="img"></div>

そして私のjQuery：

$('h1').wrapAll('<div class="first-col" />');
$('.img').wrapAll('<div class="second-col" />');

そしてJSFIDDLE。

現時点では、タグをラップするか、とタグh1の両方を個別にラップすることしかできません。両方を1つのdivに入れたいです。h1pfirst-col

誰もこれを行う方法を知っていますか?

4

2 に答える 2

7

試す

$('h1').nextUntil('div.img').addBack().wrapAll('<div class="first-col" />');

デモ:フィドル

于 2013-08-29T12:30:54.280 に答える
2

セレクター内に p を追加しようとしましたか:

$('.postwrap').each(function(){
    $(this).find('h1, p').wrapAll('<div class="first-col" />');
    $(this).find('.img').wrapAll('<div class="second-col" />');
});
于 2013-08-29T12:31:12.837 に答える