Ultimele tutoriale de dezvoltare web
 

jQuery closest() Method

<Metode jQuery dipozitive

Exemplu

Întoarcere primul strămoș al <span> , care este un <ul> Element:

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

Rezultat:

body (great-great-grandparent)
div (great-grandparent)
    ul (second ancestor - second grandparent)
      ul (first ancestor - first grandparent)
    • li (direct parent)  span  
     
Încearcă - l singur »

Definiție și utilizare

closest() metoda returneaza primul strămoș al elementului selectat.

Un strămoș este un parinte, bunic, stră-bunic, și așa mai departe.

Arborele DOM: Aceasta metoda traversa în sus din elementul curent, tot drumul până la elementul rădăcină al documentului (<html>) , pentru a găsi primul strămoș al elementelor DOM.

Această metodă este similară cu parents() , prin aceea că ambele traversează în sus copac DOM. Diferențele sunt după cum urmează:

closest()

  • Începe cu elementul curent
  • Calatoreste sus copac DOM și returnează primul (single) strămoș care se potrivește cu expresia trecut
  • Obiectul jQuery returnat conține zero sau un element

parents()

  • Începe cu elementul părinte
  • Calatoreste sus copac DOM și returnează toți strămoșii care se potrivește cu expresia trecut
  • Obiectul jQuery returnat conține zero sau mai mult de un element

Alte metode conexe:

  • parent() - returnează elementul părinte direct al elementului selectat
  • parentsUntil() - returnează toate elementele strămoș între două argumente date

Sintaxă

Întoarcere primul strămoș al elementului selectat:

$( Întoarcere primul strămoș folosind un context DOM pentru a căuta copac DOM în termen de:

$( Parametru Descriere filter Necesar. Specifică o expresie selector, element sau obiect jQuery pentru a restrânge căutarea strămoș context Opțional. Un element DOM în care poate fi găsit un element de potrivire

Încearcă-l singur - Exemple

Întoarcere primul strămoș al <span> , care este un <span> elementul
Deoarece această metodă începe cu elementul curent, o căutare pentru primul <span> de <span> , va reveni <span> .

Se trece într - un element DOM și contextul în care pentru a căuta primul element strămoș
Utilizarea ambilor parametri pentru a trece într - un element DOM și contextul în care pentru a căuta primul <ul> element.


<Metode jQuery dipozitive