jQuery parent() Yöntemi
Örnek
<span> öğesinin doğrudan üst öğesini döndürün:
$(document).ready(function(){
$("span").parent().css({"color": "red", "border": "2px solid red"});
});
Sonuç:
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
- li (direct parent)
span
Tanım ve Kullanım
parent() yöntemi, seçilen öğenin doğrudan üst öğesini döndürür.
DOM ağacı: Bu yöntem, DOM ağacında yalnızca tek bir seviyeyi geçer. Belgenin kök öğesine kadar ilerlemek için (büyükanne ve büyükbabaları veya diğer ataları döndürmek için) , parent( ) veya parentUntil() yöntemini kullanın.
İpucu: DOM ağacında tek bir düzeyde aşağı doğru veya son alt öğeye kadar (çocukları veya diğer alt öğeleri döndürmek için) tamamen geçmek için, children() veya find() yöntemini kullanın.
Sözdizimi
$(selector).parent(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the parent search |
Kendiniz Deneyin - Örnekler
doğrudan ebeveynini döndürme Her <span> öğesinin doğrudan ebeveynini döndürme.
Her <span> öğesinin "first" sınıf adıyla üst <li> öğesini döndürmek için filtre parametresi nasıl kullanılır?
tüm doğrudan üst öğesi <div> nasıl döndürülür.
Bir <span> öğesinin atalarının gerçekte kim olduğunu gösteren bir gösteri.