Kuidas töötab find meetod?

find meetodit kasutatakse DOM-is elementide otsimiseks. See võimaldab valida elemente erinevate kriteeriumide alusel, näiteks CSS-valijad, ID, klassid, atribuudid, sildid ja teised.

Tööpõhimõte:

1. Võtab argumentina selektori (CSS-selektor, jQuery-selektor jne).
2. Teeb otsingu sisemiselt valitud jQuery elementide kogumis (elementide kogum), millele meetod find rakendatakse.
3. Kui leitakse vasteid, tagastab uus jQuery objekt, mis sisaldab neid leitud elemente. Kui mitte, tagastab tühja jQuery objekti.

Näide:

Oletame, et meil on järgmine HTML-kood:

<div id="container">
  <p class="item">Esimene lõik</p>
  <p>Teine lõik</p>
  <div class="item">Esimene div</div>
</div>

Ja tahame leida kõik elemendid klassiga "item" selle elemendi sees, mille ID on "container".

// JavaScript
$(document).ready(function() {
  var items = $('#container').find('.item');
  // items nüüd sisaldab kahte jQuery objekti: <p class="item"> ja <div class="item">
  console.log(items.length); // 2
});

Olulised punktid:

• find otsib ainult sisemiselt praeguse elementide kogumi, mitte neid ise.
• See on võimas meetod üksikasjalikeks otsinguteks DOM kontekstis.
• Erineb meetoditest nagu $(selektor), mis otsivad kogu dokumendis.