Die Skepping en Omhulsel van Elemente in jQuery

Voordat 'n element met 'n tag omhul kan word, kan dit vooraf in die dokument geskep word. Kom ons hul die onderstaande paragrawe in die tags '<div></div>' in:

<p class="www">teks</p>
<p class="www">teks</p>
<p class="www">teks</p>
<p>teks</p>

Om dit te doen, kan 'n element vooraf in die dokument geskep word met behulp van document.createElement('div'):

$('.www').wrap(document.createElement('div'));

Of:

let div = document.createElement("div");
$('.www').wrap(div);

As parameter kan nie net die tagnaam oorgedra word nie, maar ook so 'n konstruksie - '<div></div>' - in hierdie geval sal die effek presies dieselfde wees:

$('.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>

Wanneer die tweede metode gebruik word, kan enige attribute in die oopmaak-tag (in ons geval '<div>') geskryf word, en die omhulsel sal saam met hierdie attribute wees.

Kom ons hul ons paragrawe in met 'n div met die klas zzz:

$('.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>

Hul elke h3 in 'n div met die klas aaa in.