Skapande och omslutning av element i jQuery

Innan omslutning med en tagg kan man förskapa elementet i dokumentet. Låt oss omsluta de nedan presenterade styckena med taggarna '<div></div>':

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

För detta kan man förskapa ett element i dokumentet med hjälp av document.createElement('div'):

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

Eller:

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

Som parameter kan man inte bara skicka taggens namn, utan också en sådan konstruktion - '<div></div>' - i detta fall blir effekten exakt densamma:

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

HTML-koden kommer att se ut så här:

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>

När man använder det andra sättet kan man skriva vilka attribut som helst i den öppnande taggen (i vårt fall '<div>'), och omslutningen kommer att ske tillsammans med dessa attribut.

Låt oss omsluta våra stycken med en div med klassen zzz:

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

HTML-koden kommer att se ut så här:

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>