jQuery each() Metodu ve Kullanımı

Bu yazımızda jQuery each() metodunun ne işe yaradığını ve nasıl kullanabileceğimizi öğreneceğiz.

each() metodu ile Html öğelerini bir döngüye alabiliriz. Ö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.

Şöyle bir uygulama yapalım:

 ⇒  id’si each olan bir button oluşturalım.

 ⇒  Döngüye almak için 3 button daha oluşturalım.

 ⇒  id’si each olan butona tıkladığımızda, oluşturduğumuz diğer butonları bir döngüye alalım.

 ⇒  Döngünün her adımında işleme aldığımız butonun metnini alert mesajı ile gösterelim.

Css Kodları

jQuery Kodları

each butonuna tıkladığınızda diğer butonların metinlerini sırasıyla alert mesajında görebilirsiniz.

Umarım “jQuery each() Metodu ve Kullanımı” başlıklı yazım sizin için faydalı olmuştur.

Şu yazılar da ilginizi çekebilir.

jQuery has() Metodu ve Kullanımı

jQuery trim() Metodu ve Kullanımı

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

Yorum Yazın

650+ ABONE ARASINA KATIL

Adını ve E-Posta adresini yazarak Html, Css, Javascript, Jquery, Bootstrap, Web Tasarım, C#, Bilgisayar, Telefon, Android, Veri Güvenliği ve daha birçok alanda ders anlatımlarından ve uygulamalı örneklerden anında haberdar olabilirsin.

Abone olduğunuz için teşekkürler.

Birşeyler yanlış gitti.