Elementu izveide un ietīšana jQuery

Pirms ietīšanas ar tagu, var iepriekš izveidot elementu dokumentā. Ietinīsim tālāk redzamos rindkopas tagos '<div></div>':

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

Lai to izdarītu, var iepriekš izveidot elementu dokumentā, izmantojot document.createElement('div'):

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

Vai arī:

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

Kā parametru var padot ne tikai tagu nosaukumu, bet arī šādu konstrukciju - '<div></div>' - šajā gadījumā efekts būs pilnīgi tāds pats:

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

HTML kods izskatīsies šādi:

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

Izmantojot otro metodi, atverošajā tagā (mūsu gadījumā '<div>') var rakstīt jebkurus atribūtus, un ietīšana notiks kopā ar šiem atribūtiem.

Ietinīsim savas rindkopas ar div ar klasi zzz:

javascript$('.www').wrap('<div class="zzz"></div>');

HTML kods izskatīsies šādi:

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