Jquery Each Metodu Kullanımı Ve Örnekleri

Jqueryde each metodu ile belirtmiş olduğumuz etiketten kaç tane varsa o kadar döngü kurulacaktır. Bu döngü sayesinde döngü için belirtmilmiş etiketler arasında dögü sağlanırken index değeri ve elemanlara ulaşabilirsiniz ve gerekli işlemleri gerçekleştirebiliriz.

1.Örnek

İlk olarak basit bir örnekle 2 elemanlı sırasız bir liste tanımlayalım.

Şimdi ise jquery’nin each metodu ile li eleman sayısı kadar dönüp index ve eleman değerlerini console.log’a yazdıran jquery kodu ise şu şekildedir.

Sonuç olarak çıktı şu şekilde olacak

2.Örnek

Sayfada bulunan tüm li etiketlerine class eklemek için ise iki yol vardır

Öncelikle each metoduyla yapalım örneğimizi

Aynı örneği döngü olmadanda gerçekleştirebilirdik tek satırla

3.Örnek

Şimdiki örneğimizde sayfaya alttaki kodda gözüktüğü gibi 3 tane div ekliyoruz.

şimdi ise body içerisinde herhanbi bir yere tıklandığında divlerin rengini değiştiren jquery each döngüsünü alttaki gibi yazınız.

Bir Cevap Yazın