Jquery Find Fonksiyonu İle Arama Yapma

Jquery’de find fonksiyonu ile ulaşmak istediğiniz bir element varsa isterseniz seçici, object veya elementleri parametre olarak geçerek istediğiniz elemente ulaşabilirsiniz. Makalenin devamında örnekli bir şekilde konuyu daha iyi anlayabilirsiniz.

Jquery find fonksiyonu ile arama yapma

Find fonksiyonuna parametre olarak geçebileceğiniz değerler ve özelliğin hangi jquery versiyonu ile geldiği hakkındaki bilgiye alttaki tablodan ulaşabilirsiniz.

ÖzellikAçıklamaJquery versiyonu
.find(seçici)jquery seçicileri1.0
.find(Jquery nesne)jquery nesnesi1.6
.find(eleman)element1.6

Şimdi bol örneklerle olayı daha iyi anlamaya çalışalım…

Örnek 1

Html Kodu

jQuery Kodu

Kısaca üstteki kodu özetlemek gerekirse li elementinin class özelliğinin değeri item-ii olan elemanların altındaki li etiketlerinin tamamının arkaplan rengini kırmızı yapmasını istiyoruz.

find fonksiyonuna jquery 1.6 versiyonu ile beraber element’ler parametre olarak geçilebiliyordu şimdi find fonksiyonu içerisine li etiketlerinin tümünü önceden bir değişkene alıp find fonksiyonuna parametre olarak geçelim.

Şimdi ise üstteki html kodumuzdan yola çıkarak class özelliğinin değeri ‘item-1’ olan li elementini bir değişkene alıp find fonksiyonuna parametre olarak geçiyoruz ve li class özelliği değeri ‘item-ii’ olan elementin altındaki ‘li’ etiketklerinin arkaplan renklerini kırmızı yap diyoruz.

Bir Cevap Yazın