2012-08-14 15 views
15

jQuery .wrap और .wrapAll के बीच क्या अंतर है? वे काफी वही काम करते हैं, लेकिन क्या अंतर हो सकता है?jQuery रैप और रैप के बीच अंतर सभी

+3

यदि आप लिखने के लिए पर्याप्त स्मार्ट, आप शायद पढ़ने के लिए पर्याप्त स्मार्ट हैं। यहां आप यहां जाएं: http://api.jquery.com/wrap/ http://api.jquery.com/wrapAll/ – ahren

+0

बस यहां तक ​​कि उत्सुक –

उत्तर

30

सूचना विवरण में अंतर:

.wrap(): मिलान किया तत्वों के सेट में प्रत्येक तत्व चारों ओर एक HTML संरचना लपेटें। .wrapAll(): मिलान किए गए तत्वों के सेट में सभी तत्वों के आसपास एक HTML संरचना लपेटें।

.wrap() wraps हर तत्व अलग-अलग है, लेकिन एक समूह के रूप .wrapAll() wraps उन सभी को।

उदाहरण के लिए:

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

$('.foo').wrap('<div class="bar" />'); के साथ, ऐसा होता है:

<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" />'); साथ, ऐसा होता है:

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

WrapAll सभी तत्वों लपेटता, लपेटें प्रत्येक तत्व लपेटता ।

में ... प्रत्येक तत्व सभी एक नया div में भीतरी divs

<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> 
0
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> 
संबंधित मुद्दे