Kā darbojas find metode?

find metode tiek izmantots, lai meklētu elementus DOM. Tas ļauj atlasīt elementus pēc dažādiem kritērijiem, piemēram, CSS selektoriem, ID, klasēm, atribūtiem, tagiem un citām.

Darbības princips:

1. Pieņem kā argumentu selektoru (CSS selektors, jQuery selektors utt.).
2. Veic meklēšanu iekšpusē atlasītā jQuery elementu kopuma (elementu kopums), uz kuriem tiek piemērots find metodes.
3. Ja tiek atrasti atbilstības, tas atgriež jaunu jQuery objektu, kas satur šos atrastos elementus. Ja ne, tas atgriež tukšu jQuery objektu.

Piemērs:

Pieņemsim, ka mums ir šāds HTML kods:

<div id="container">
  <p class="item">Pirmā rindkopa</p>
  <p>Otrā rindkopa</p>
  <div class="item">Pirmais div</div>
</div>

Un mēs vēlamies atrast visus elementus ar klasi "item" iekšā elementā ar ID "container".

// JavaScript
$(document).ready(function() {
  var items = $('#container').find('.item');
  // items tagad satur divus jQuery objektus: <p class="item"> un <div class="item">
  console.log(items.length); // 2
});

Svarīgi punkti:

• find meklē tikai iekšpusē esošo elementu kopu, neiekļaujot šos elementus pašus.
• Tas ir spēcīgs instruments detalizētai meklēšanai konkrētā DOM kontekstā.
• Atšķiras no metodēm kā $(selektors), kas meklē visā dokumentā.