Bu makalemizde jquery find metodu ile nasıl filtreleme uygulayacağımızı ve filtreleme ile neler gerçekleştirebileceğimizi göreceğiz.
Alttaki örnek html kodumuzda p etiketi altındaki span etiketleri arasındaki textleri find metodu ile kırmızıya boyuyalım.
Örnek Sözdizimi
1 | $(seçici).find(filtre) |
Örnek html kodu
1 2 3 | <p><span>Merhaba</span>, nasılsın?</p> <p><label>Benmi?</label> Ben <span>iyiyim</span>.</p> <div>Birşeyler <span>yemek</span> istermisin?</div> |
Şimdi ise jquery kodumuzu yazalım
1 2 | var spans = $("span"); $("p").find(spans).css("color", "red"); |
Üstteki jquery kodundan’da görüldüğü gibi p etiketi içerindeki span etiketlerinin font rengi kırmızı olarak ayarlanıyor.
Birden çok nesneyi filtrelemek için kullanılacak örnek sözdizimi
1 2 | var elements = $("span,label"); $("p").find(elements).css("color", "red"); |
Tüm elementleri seçip font rengi uygulamak ise sadece ‘*’ karakterini kullanmalıyız.
1 2 | var elements = $("*"); $("html").find(elements).css("color", "red"); |