En son web geliştirme öğreticiler
 

jQuery closest() Method

<JQuery Traversing Yöntemleri

Örnek

Ilk atası Dönüş <span> , bu bir olduğunu <ul> elemanı:

$(document).ready(function(){
    $("span").closest("ul").css({"color": "red", "border": "2px solid red"});
});

Sonuç:

body (great-great-grandparent)
div (great-grandparent)
    ul (second ancestor - second grandparent)
      ul (first ancestor - first grandparent)
    • li (direct parent)  span  
     
Kendin dene "

Tanımı ve Kullanımı

closest() metodu, seçilen elemanının birinci atası döndürür.

Bir ata böyle devam ebeveyn, büyükanne, büyük-büyükbaba ve.

DOM ağacı: Geçerli elemandan çapraz yukarı Bu yöntem, belgenin kök elemanına kadar tüm yol (<html>) , DOM öğeleri ilk atası bulmak için.

Bu yöntem benzer parents() her ikisi de DOM ağacı geçmeleri bakımından. Farkları şunlardır:

closest()

  • Geçerli elemanı ile başlar
  • DOM ağacı Travels ve ilk döndürür (single) geçti ifadeyle eşleşir atası
  • geri jQuery nesnesi sıfır ya da bir eleman içerir

parents()

  • ebeveyn elemanı ile başlar
  • DOM ağaca Travels ve geçen ifadeyle eşleşir bütün ataları döndürür
  • geri jQuery nesnesi sıfır veya birden fazla eleman içerir

Diğer ilgili yöntem:

  • parent() - seçilen elemanın doğrudan ana elemanını döner
  • parentsUntil() - verilen iki bağımsız değişkenler arasındaki tüm ata elemanları döner

Sözdizimi

Seçilen elemanın ilk atası Dönüş:

$( DOM ağacını içinde aramak için bir DOM bağlamını kullanarak ilk atası Dönüş:

$( Parametre Açıklama filter Gereklidir. , Eleman veya jQuery nesnesi atası arama bir selektör ifade daraltmak belirtir context İsteğe bağlı. Bir eşleşme elemanı bulunabilir, içinde bir DOM öğesi

it Yourself deneyin - Örnekler

Ilk atası Dönüş <span> , bu ise <span> elemanı
Bu yöntem, geçerli elemanı, birinci için bir arama ile başladığından <span> içinde <span> , dönecektir <span> .

Ilk atası elemanı aramak için olan içerik olarak bir DOM elemanında geçmek
Her iki parametre kullanarak ilk aramak için olan içerik olarak bir DOM elemanına geçmesi <ul> elemanı.


<JQuery Traversing Yöntemleri