jQueryラップとwrapAllの違い

Question

jQuery .wrapと.wrapAllの違いは何ですか？彼らはほとんど同じことをしますが、違いは何ですか？

Answer 1

お知らせ記述の違い：

.wrap()：の周りにマッチした要素のセット内の各要素をHTML構造を包みます。 .wrapAll()：一致する要素のセット内のすべて要素の回りにHTML構造をラップします。

.wrap()はすべての要素を個別にラップしますが、.wrapAll()はすべてグループとしてラップします。例えば

：$('.foo').wrap('<div class="bar" />');で

<div class="foo"></div> 
<div class="foo"></div> 
<div class="foo"></div> 

、この問題が発生した：

<div class="bar"><div class="foo"></div></div> 
<div class="bar"><div class="foo"></div></div> 
<div class="bar"><div class="foo"></div></div> 

しかし$('.foo').wrapAll('<div class="bar" />');とし、これが起こる：すべての要素をラップWrapAll

<div class="bar"> 
    <div class="foo"></div> 
    <div class="foo"></div> 
    <div class="foo"></div> 
</div> 

Answer 2

を、ラップは、各要素をラップします。で... EACH要素つの新しいdiv要素内のすべての内側のdiv

<div class="container"> 
    <div class="new"> 
    <div class="inner">Hello</div> 
    <div class="inner">Goodbye</div> 
    </div> 
</div> 

ラップ結果を包んで

$('.inner').wrapAll('<div class="new" />'); 

結果

<div class="container"> 
    <div class="new"> 
    <div class="inner">Hello</div> 
    </div> 
    <div class="new"> 
    <div class="inner">Goodbye</div> 
    </div> 
</div> 

Answer 3

Adding jquery to execute a wrap: 

$(‘p’).wrap(‘<span class=”newclass” />’); 

will result in: 

<span class=”newclass”> 
<p>This is a paragraph.</p> 
</span> 

<span class=”newclass”> 
<p>This is a paragraph.</p> 
</span> 

<span class=”newclass”> 
<p>This is a paragraph.</p> 
</span> 



Substitute the .wrap for .wrapAll. 

$(‘p’).wrapAll(‘<span class=”newclass” />’); 

will result in: 

<span class=”newclass”> 
<p>This is a paragraph.</p> 
<p>This is a paragraph.</p> 
<p>This is a paragraph.</p> 
</span> 



Now try out .wrapInner. 

$(‘p’).wrapInner(‘<span class=”newclass” />’); 

will result in: 

<p><span class=”newclass”>This is a paragraph.</span></p> 
<p><span class=”newclass”>This is a paragraph.</span></p> 
<p><span class=”newclass”>This is a paragraph.</span></p>