JQuery wrap(), wrapAll(), unwrap(), wrapInner() Kullanımı

Bu yazımızda wrap, wrapAll, unwrap ve wrapInner metodlarının ne işe yaradığını ve nasıl kullanabileceğimizi öğreneceğiz.

wrap metodu ile seçmiş olduğumuz bir etiketi başka bir etiket içerisine alabiliriz.

Örneğin şu şekilde 2 tane p etiketimiz olsun.

wrap metodu ile bu p etiketlerini div etiketi içerisine almak istersek şu şekilde yazmamız yeterli

Artık p etiketlerini ayrı ayrı div etiketi içerisine almış olduk.

Ayrı ayrı değilde ikisini birden tek div içerisine almak istersek wrapAll metodunu kullanmamız lazım.

Kullanımı şu şekilde

Artık p etiketlerini tek div içerisine almış olduk.

unwrap metodu, seçmiş olduğumuz etiketin ebeveyn etiketini siler.

Örneğin bir div etiketi ve içerisinde p etiketi olsun.

p etiketinin ebeveyn etiketini yani div etiketini silmek için;

şeklinde yazabiliriz.

Böylece sadece p etiketi kalmış olacak.

Son olarak wrapInner metodu ise seçmiş olduğumuz etiketin içerisine yeni etiketler eklememizi sağlar.

Örneğin bir p etiketimiz olsun.

wrapInner metodu ile bu p etiketi içerisine bir b etiketi, onun da içerisine bir i etiketi yerleştirelim.

Artık p etiketi içerisindeki yazımız hem kalın hemde italik oldu.

Umarım sizin için faydalı bir yazı olmuştur.

Yeni bir yazımda görüşmek üzere.