Bu yazımda jQuery closest() metodunun ne işe yaradığını ve nasıl kullanabileceğimizi anlatacağım.
Şimdi closest() metodunun ne işe yaradığını ve nasıl kullanıldığını inceleyelim. Daha sonra da bu metodu küçük bir örnek üzerinde uygulayalım.
jQuery closest() Metodunun Kullanımı
Aşağıdaki gibi iç içe Html kodlarımız olsun. Burada span etiketinin ebeveynleri arasında 2 tane div etiketi bulunuyor. Tabi burada sayı çok daha fazla da olabilirdi.
Html Kodları
1 2 3 4 5 6 7 8 9 10 11 12 |
<div> div <div> div <p> p <span>span</span> </p> </div> </div> |
Span etiketinin ebeveynlerinden kendisine en yakın div etiketini seçmek istediğimizde closest() metodunu kullanabiliriz.
closest() metodunun kullanımı şu şekilde:
1 2 3 |
$("span").closest("div"); |
Böyle yazdığımızda span etiketinin ebeveynlerinden en yakın div etiketini seçmiş oluruz.
Seçmiş olduğumuz div etiketine Css ile border değeri vererek daha belirgin bir hale getirelim.
Umarım “jQuery closest() Metodu ve Kullanımı” başlıklı yazım sizin için faydalı olmuştur.
Şu yazılar da ilginizi çekebilir.
jQuery delay() Metodu ve Kullanımı
jQuery is() Metodu ve Kullanımı
Yeni bir yazımda görüşmek üzere.