JQuery each(), toArray(), index() Kullanımı

Merhaba Arkadaşlar,
Bu makalede each(), toArray() ve index() metodlarının ne işe yaradığını ve nasıl kullanabileceğimizi öğreneceğiz.each() metodu, bir döngü oluşturmamızı sağlar.Örneğin bir sıralı listemiz olduğunu varsayalım.each() metodu ile bu listenin elemanlarında tek tek dönüp istediğimiz işlemleri gerçekleştirebiliriz.toArray() metodu, belirtmiş olduğumuz listeyi bir diziye dönüştürür.Daha sonra oluşturulan bu dizi içerisinde index numarasına göre istediğimiz elemana ulaşıp işlemlerimizi gerçekleştirebiliriz.index() metodu ile bir etiketin kaçıncı sırada olduğunu yani index’ini öğrenebiliriz.Burda dikkat etmemiz gereken nokta index numaraları 0’dan başlar.Yani ilk elemanın index numarası 0’dır.

Uygulamamızda sırasıyla şu işlemleri yapalım,

► Oluşturduğumuz buton’lara tıkladığımızda, buton’un index numarasını alert ile gösterelim.

► each butonuna tıkladığımızda, oluşturulan butonlar içerisinde dönüp her seferinde buton’un text’ini alert ile gösterelim.

► toArray butonuna tıkladığımızda, oluşturulan butonları bir diziye dönüştürüp for ile dizi içerisinde dönelim.Her seferinde buton’un text’ini alert ile gösterelim.Kodlarımız şu şekilde;

Yeni bir makalede görüşmek üzere.

Önceki : JQuery Dersleri 22 – scrollLeft(), scrollTop() Kullanımı

Sonraki : JQuery Dersleri 24 – wrap(), wrapAll(), unwrap(), wrapInner() Kullanımı

Leave a Reply

TASARIMLARINIZDA KULLANABİLECEĞİNİZ TAM 150 FARKLI RENK PALETİRenkleri Göster
+ +