jQuery find() Yöntemi
Örnek
<ul> öğesinin soyundan gelen tüm <span> öğelerini döndür:
$(document).ready(function(){
$("ul").find("span").css({"color": "red", "border": "2px solid red"});
});
Sonuç:
body (great-grandparent)
div (grandparent)
ul (parent)
- li (child)
span (grandchild)
Tanım ve Kullanım
find() yöntemi, seçilen öğenin alt öğelerini döndürür.
Torun, bir çocuk, torun, büyük torun vb.
DOM ağacı: Bu yöntem, DOM öğelerinin alt öğeleri boyunca, son alt öğeye kadar aşağı doğru hareket eder. DOM ağacında yalnızca tek bir düzeyde gezinmek için (doğrudan çocukları döndürmek için), children() yöntemini kullanın.
Not: Diğer ağaç geçiş yöntemlerinin aksine find() yöntemi için filtre parametresi gereklidir.
İpucu: Tüm alt öğeleri döndürmek için "*" seçiciyi kullanın.
Sözdizimi
$(selector).find(filter)
Parameter | Description |
---|---|
filter | Required. A selector expression, element or jQuery object to filter the search for descendants Note: To return multiple descendants, separate each expression with a comma. |
Kendiniz Deneyin - Örnekler
tüm öğeleri döndürmek için "*" seçiciyi kullanın.
ul> öğesinin soyundan gelen tüm <span> öğelerini döndürme Bir <ul> öğesinin soyundan gelen tüm <span> öğelerini döndürme.
sahip alt öğeleri seçin
"first" sınıf adına sahip alt öğeler nasıl döndürülür.
çok alt öğe döndürme Birden çok alt öğe öğesi nasıl döndürülür.
Bir <ul> öğesinin soyundan gelen tüm <span> öğeleri, bir jQuery nesnesiyle nasıl döndürülür.
Bir <div> öğesinin alt öğelerinin gerçekte kim olduğunu gösteren bir gösterim.