Wrap, wrapInner, wrapAll metodları

wrap () metodu; seçtiğimiz öğenin etrafını, belirlediğimiz HTML eleman(lar)ı ile sarmamıza yarar.
 
Örneğin bir <p> elemanımız olsun bunun dışına wrap metodu ile bir üst eleman ekleyebiliriz. 

<p>Metin İçeriği</p>

Yukardaki <p> tagının dışına div atamadık istediğimde wrap metodunu kullanıyorum.

$('p').wrap('<div id="metin_dis"></div>');

 

 

.wrapInner() seçtiğimiz öğenin içindeki veriyi belirlediğimiz HTML eleman(lar)ı ile sarmamıza yarar.

<p>Metin İçeriği</p>
<div>Metin İçeriği 2</div>

Yukardaki <p> tagının dışına div atamadık istediğimde wrap metodunu kullanıyorum. 

$("p,div").wrapInner("<b></b>");

 

wrapAll () metodu; seçtiğimiz tüm öğelerin etrafını, belirlediğimiz HTML eleman(lar)ı ile sarmamıza yarar. Wrap metodundaki gibi nesnelerin ayrı ayrı etrafını sarmak yerine hepsini  tek bir eleman ile sarar.
Örneğin iki veya daha fazla <p> elemanımız olsun bunun dışına wrap metodu ile bir üst eleman ekleyebiliriz.

<p>Metin İçeriği</p>
<p>Metin İçeriği</p>

Yukardaki <p> tagının dışına div atamadık istediğimde wrap metodunu kullanıyorum.

$('p').wrapAll('<div id="metin_dis"></div>');

 

 

 

Programın Çıktısı

Mesaj ve Yorumlar

Yorum Sayısı (0)

ÜYE YORUMLARI

Çevrimiçi :
16
Günlük :
135
Haftalık :
379
Aylık :
1175
Copyright © 2010 İşbara Alp Sönmez – Programlama Örnekleri. Her hakkı saklıdır. www.alpsonmez.com Bu sitedeki herhangi bir içeriğin, "herhangi bir sitede veya forumda" iznim dışında paylaşım yapılması durumunda hukuki dava açacağımı tarafınıza arz ederim. "Öğrenciler dilediği gibi kullanabilir."