Omtal van verskeie elemente in jQuery

Jy kan nie elke element afsonderlik omsluit nie, maar alle gevind elemente saam met die metode wrapAll.

In die HTML-kode word 'n groep paragrawe voorgestel:

html<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>

Kom ons vind alle paragrawe met die klas www en omsluit hulle in een div-etiket:

javascript$('.www').wrapAll('<div></div>');

Die HTML-kode sal so lyk:

html<div>
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
</div>
<p>text</p>

Let op dat as die elemente wat omsluit moet word nie langs mekaar staan nie, sal die metode wrapAll eers die elemente na een plek skuif, en dan hulle omsluit. Kyk na die volgende voorbeeld:

html<p class="www">text1</p>
<p class="www">text2</p>
<p>text</p>
<p class="www">text3</p>

Pas die metode wrapAll toe:

javascript$('.www').wrapAll('<div></div>');

Uiteindelik kry ons die volgende HTML-kode:

html<div>
  <p class="www">text1</p>
  <p class="www">text2</p>
  <p class="www">text3</p>
</div>
<p>text</p>

Die metodes om elemente te omsluit bied ook die moontlikheid om 'n funksie op elke element in die stel toe te pas.