jQuery parentUntil() Yöntemi
Örnek
<span> ve <div> arasındaki tüm üst öğeleri döndür:
$(document).ready(function(){
$("span").parentsUntil("div").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
parentUntil() yöntemi, seçici ile stop arasındaki tüm üst öğeleri 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, belirli bir öğeye ulaşana kadar, DOM öğelerinin ataları boyunca ana öğeden yukarı doğru, belgenin kök öğesine kadar hareket eder.
Not: Her iki parametre de boşsa, bu yöntem tüm üst öğeleri ( ebeveyn() yöntemiyle aynı) döndürür.
İlgili yöntemler:
- parent() - seçilen öğenin doğrudan üst öğesini döndürür
- parent() - seçilen öğenin tüm üst öğelerini döndürür
- en yakın() - seçilen öğenin ilk atasını döndürür
Sözdizimi
$(selector).parentsUntil(stop,filter)
| Parameter | Description |
|---|---|
| stop | Optional. A selector expression, element or jQuery object indicating where to stop the search for matching ancestor elements |
| filter | Optional. Specifies a selector expression to narrow down the search for ancestors between selector and stop Note: To return multiple ancestors, separate each expression with a comma. |
Kendiniz Deneyin - Örnekler
<span> ve <div> arasında belirli bir öğe için aramayı filtrelemek için her iki parametre nasıl kullanılır?
Birden çok ata döndürme <span> ve <body> arasında birden
Bir DOM öğesi kullanarak <span> ve <div> arasındaki tüm ataları döndürür.
kullanma <ul> öğeleri için üst aramayı <span> ve <div> arasında daraltmak için bir DOM öğesi kullanma.