Metode wrap
Die metode wrap omsluit
elemente in 'n gegewe tag.
Sintaksis
Die parameter van die metode kan teks wees (moonlik met tags), 'n DOM-element of 'n jQuery-voorwerp:
.wrap(teks of tag);
So word die gekose elemente omhul deur die inhoud wat deur 'n gebruiker-gedefinieerde funksie terugbesorg sal word. Die funksie word afsonderlik opgeroep, vir elkeen van die gekose elemente, en neem die posisie van die element in die stel as parameter:
.wrap(funksie(nommer in die stel));
Voorbeeld
Laat ons alle paragrawe met die klas www omsluit met die tag
div:
<p class="www">teks</p>
<p class="www">teks</p>
<p class="www">teks</p>
<p>teks</p>
$('.www').wrap(document.createElement('div'));
Die HTML-kode sal so lyk:
<div><p class="www">teks</p></div>
<div><p class="www">teks</p></div>
<div><p class="www">teks</p></div>
<p>teks</p>
Voorbeeld
As parameter kan jy nie net die naam van 'n tag oorgee nie, maar ook die volgende konstruksie:
<p class="www">teks</p>
<p class="www">teks</p>
<p class="www">teks</p>
<p>teks</p>
$('.www').wrap('<div></div>');
Die HTML-kode sal so lyk:
<div><p class="www">teks</p></div>
<div><p class="www">teks</p></div>
<div><p class="www">teks</p></div>
<p>teks</p>
Voorbeeld
In die oopmakende tag kan jy enige kenmerke skryf,
terwyl die omsluiting saam met hierdie
kenmerke sal wees. Kom ons omsluit die paragrawe met die klas
www met 'n div met die klas zzz:
<p class="www">teks</p>
<p class="www">teks</p>
<p class="www">teks</p>
<p>teks</p>
$('.www').wrap('<div class="zzz"></div>');
Die HTML-kode sal so lyk:
<div class="zzz"><p class="www">teks</p></div>
<div class="zzz"><p class="www">teks</p></div>
<div class="zzz"><p class="www">teks</p></div>
<p>teks</p>
