Ako funguje metóda find?

Metóda find sa používa na vyhľadávanie prvkov v DOM. Umožňuje vybrať prvky na základe rôznych kritérií, ako sú CSS selektory, ID, triedy, atribúty, tagy a ďalšie.

Princíp fungovania:

1. Prijíma ako argument selektor (CSS selektor, jQuery selektor atď.).
2. Vykonáva vyhľadávanie vo vnútri súboru prvkov jQuery (množiny prvkov), na ktoré sa aplikuje metóda find.
3. Ak sa nájdu zhody, vráti nový jQuery objekt obsahujúci tieto nájdené prvky. Ak nie, vráti prázdny jQuery objekt.

Príklad:

Predpokladajme, že máme nasledujúci HTML kód:

<div id="container">
  <p class="item">Prvý odsek</p>
  <p>Druhý odsek</p>
  <div class="item">Prvý div</div>
</div>

A chceme nájsť všetky prvky s triedou "item" vo vnútri prvku s ID "container".

// JavaScript
$(document).ready(function() {
  var items = $('#container').find('.item');
  // items teraz obsahuje dva jQuery objekty: <p class="item"> a <div class="item">
  console.log(items.length); // 2
});

Dôležité body:

• find hľadá iba vo vnútri aktuálneho súboru prvkov, nezahŕňa tieto prvky samotné.
• Ide o mocnú metódu pre podrobné vyhľadávanie v rámci špecifického DOM kontextu.
• Odlišuje sa od metód ako $(selektor), ktoré hľadajú v celom dokumente.