wrap Metodu

wrap metodu, elementleri belirtilen etiket içine alır.

Sözdizimi

Metodun parametresi metin (muhtemelen etiketlerle birlikte), bir DOM elementi veya bir jQuery nesnesi olabilir:

javascript.wrap(sarma elemanı);

Seçilen elementler, kullanıcı tanımlı fonksiyon tarafından döndürülecek içerikle bu şekilde sarılır. Fonksiyon, seçilen elementlerin her biri için ayrı ayrı çağrılır ve parametre olarak kümedeki elemanın konumunu alır:

javascript.wrap(function(kümedeki sıra numarası));

Örnek

www sınıfına sahip tüm paragrafları div etiketiyle saraIım:

html<p class="www">metin</p>
<p class="www">metin</p>
<p class="www">metin</p>
<p>metin</p>
javascript$('.www').wrap(document.createElement('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>

Örnek

Parametre olarak sadece etiket adı değil, aşağıdaki yapı da iletilbilir:

html<p class="www">metin</p>
<p class="www">metin</p>
<p class="www">metin</p>
<p>metin</p>
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>

Örnek

Açılış etiketine herhangi bir nitelik yazılabilir, böylece sarma işlemi bu niteliklerle birlikte gerçekleşir. www sınıfına sahip paragrafları zzz sınıfına sahip bir div ile saraIım:

html<p class="www">metin</p>
<p class="www">metin</p>
<p class="www">metin</p>
<p>metin</p>
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>

Ayrıca Bakınız