jQuery parent() Yöntemi
Örnek
<span> öğesinin tüm ata öğelerini döndür:
$(document).ready(function(){
$("span").parents().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 tüm üst öğelerini döndürür.
Ata, ebeveyn, büyükanne ve büyükbaba, büyük büyükanne ve büyükbaba vb.
DOM ağacı: Bu yöntem, DOM öğelerinin ataları boyunca, belgenin kök öğesine (<html>) kadar ana öğeden yukarı doğru hareket eder.
Not: Filtre parametresi boşsa, bu işlev doğrudan üst öğeden <body> ve <html> öğelerine kadar bir dizi öğenin tüm üst öğelerini seçer. Bu nedenle, arama sonucunu daraltmak için bir seçici ifade iletmek genellikle yararlıdır.
Bu yöntem, en yakın() yöntemine benzer , çünkü her ikisi de DOM ağacında yukarı doğru hareket eder. Farklar aşağıdaki gibidir:
ebeveynler()
- Üst öğeyle başlar
- DOM ağacında yukarı doğru hareket eder ve geçirilen ifadeyle eşleşen tüm ataları döndürür
- Döndürülen jQuery nesnesi sıfır veya birden fazla öğe içeriyor
en yakın()
- Geçerli öğeyle başlar
- DOM ağacında yukarı doğru hareket eder ve geçirilen ifadeyle eşleşen ilk üst öğeyi döndürür
- Döndürülen jQuery nesnesi sıfır veya bir öğe içeriyor
Diğer ilgili yöntemler:
- parent() - seçilen öğenin doğrudan üst öğesini döndürür
- parentUntil() - verilen iki bağımsız değişken arasındaki tüm üst öğeleri döndürür
Sözdizimi
$(selector).parents(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the search for ancestors Note: To return multiple ancestors, separate each expression with a comma. |
Kendiniz Deneyin - Örnekler
<span> öğesinin <ul> öğeleri olan tüm atalarını döndürmek için filtre parametresi nasıl kullanılır.
döndürme <span> öğesinin <li> ve <div> öğeleri olan tüm atalarını döndürmek için filtre parametresi nasıl kullanılır.
Bir <span> öğesinin atalarının gerçekte kim olduğunu gösteren bir gösteri.