jQuery'de Öğe Oluşturma ve Sarma

Bir etiketle sarmadan önce, öğeyi belgede önceden oluşturabilirsiniz. Aşağıda sunulan paragrafları '<div></div>' etiketleri içine alalım:

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

Bunun için, önceden document.createElement('div') kullanarak belgede bir öğe oluşturabilirsiniz:

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

Ya da:

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

Parametre olarak sadece etiket adı değil, '<div></div>' gibi bir yapı da iletebilirsiniz - bu durumda etki tamamen aynı olacaktır:

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

HTML kodu şu şekilde görünecektir:

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

İkinci yöntem kullanılırken, açılış etiketine (bizim durumumuzda '<div>') herhangi bir nitelik yazabilirsiniz, bu durumda sarma işlemi bu niteliklerle birlikte gerçekleşecektir.

Paragraflarımızı zzz sınıfına sahip bir div ile saraIım:

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

HTML kodu şu şekilde görünecektir:

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