closest-metode

Die metode closest soek die naaste ouer- element wat by 'n gespesifiseerde CSS-selekteerder pas, terwyl die element self ook by die soektog ingesluit word.

Sintaksis

javascriptelement.closest('selekteerder');

Voorbeeld

Laat ons onder die ouers van die element die element met die klas www vind:

html<div class="www" id="parent2">
  <div class="ggg" id="parent1">
    <p class="zzz" id="child"></p>
  </div>
</div>

javascriptlet elem = document.querySelector('#child');
let parent = elem.closest('.www');

console.log(parent.id);

Resultaat van die kode-uitvoering:

javascript'parent2'

Voorbeeld

Laat ons onder die ouers van die element die element met die klas www vind. As gevolg sal ons 'n verwysing na die element self kry, aangesien dit self hierdie klas het:

html<div class="www" id="parent2">
  <div class="www" id="parent1">
    <p class="www" id="child"></p>
  </div>
</div>

javascriptlet elem = document.querySelector('#child');
let parent = elem.closest('.www');
console.log(parent.id);

Resultaat van die kode-uitvoering:

javascript'child'

Sien ook