jQuery'de Birden Fazla Öğeyi Sarma

Bulunan tüm öğeleri teker teker değil de, hepsini birlikte wrapAll metoduyla sarmak mümkündür.

HTML kodunda bir grup paragraf bulunmaktadır:

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

Şimdi www sınıfına sahip tüm paragrafları bulalım ve onları bir div etiketiyle sarmalayalım:

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

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

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

Unutmayın ki, sarılacak öğeler yan yana değilse, wrapAll metodu önce öğeleri bir araya taşıyacak, sonra onları saracaktır. Şu örneğe bakın:

html<p class="www">metin1</p>
<p class="www">metin2</p>
<p>metin</p>
<p class="www">metin3</p>

wrapAll metodunu uyguluyoruz:

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

Sonuçta aşağıdaki HTML kodunu elde ederiz:

html<div>
  <p class="www">metin1</p>
  <p class="www">metin2</p>
  <p class="www">metin3</p>
</div>
<p>metin</p>

Öğe sarma metotları, aynı zamanda kümedeki her bir öğe için bir fonksiyon uygulama imkanı da sağlar.