JQuery ile Foreach (Each) döngüsü

JQuery ile döngü kullanımına bir kaç örnek;


$('.product').each(function() {
    if($(this).find(".label").text() != "10" )
       {
	$(this).hide();
       }
  });


Yukarıdaki örnekte kısaca şu şekilde bir işlev söz konusu; “product” class’ı verilmiş olan tüm elementleri bulup bu elementlerin toplam sayısı kadar dönüyor. Her döndüğünde kendi içerisinde ana değişkene (this) bu objeyi atıyor. Dolayısı ile this.find(“”) ile de istersek o an yakalamış olduğu product objesinin içerisinde de arama yapabiliyoruz.

Bu örnekte “.product” nesnelerinde dönerken her bir nesnenin içerisindeki “.label” sınıfına sahip nesneyi buluyor ve bunun da içeriği “10” değil ise o an içerisinde dönmekte bulunduğu “product” sınıfına sahip nesneyi gizliyor.

Tabi bu sadece öylesine bir örnek. Bunu kullanım alanınıza göre siz şekillendirmelisiniz.

 

Share this Story

Related Posts

Kimler Neler Demiş?

avatar
  Subscribe  
Bildir

Search