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>':
<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'):
$('.www').wrap(document.createElement('div'));
Vai arī:
let 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:
$('.www').wrap('<div></div>');
HTML kods izskatīsies šādi:
<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:
$('.www').wrap('<div class="zzz"></div>');
HTML kods izskatīsies šādi:
<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>
Ietiniet katru h3 div
ar klasi aaa.
