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:
<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:
$('.www').wrap(document.createElement('div'));
Ya da:
let 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:
$('.www').wrap('<div></div>');
HTML kodu şu şekilde görünecektir:
<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:
$('.www').wrap('<div class="zzz"></div>');
HTML kodu şu şekilde görünecektir:
<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>
Her bir h3 öğesini, aaa sınıfına
sahip bir div içine alın.
