Elemek létrehozása és becsomagolása jQuery-ben

A címkével való becsomagolás előtt előzetesen létrehozhatunk egy elemet a dokumentumban. Csomagoljuk becsomagoljuk a alábbi bekezdéseket '<div></div>' címkékkel:

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

Ehhez előzetesen létrehozhatunk egy elemet a dokumentumban a document.createElement('div') segítségével:

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

Vagy:

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

Paraméterként nem csak a címke nevét lehet átadni, hanem ilyen konstrukciót is - '<div></div>' - ebben az esetben a hatás teljesen ugyanaz lesz:

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

A HTML kód így fog kinézni:

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

A második módszer használatakor a nyitócímkébe (esetünkben '<div>') bármilyen attribútumot írhatunk, és a becsomagolás ezekkel az attribútumokkal együtt történik.

Csomagoljuk becsomagoljuk bekezdéseinket egy div-be zzz osztállyal:

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

A HTML kód így fog kinézni:

<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>

Csomagoljon be minden h3 elemet egy div elembe aaa osztállyal.