Jak funguje metoda find?

Metoda find se používá k hledání prvků v DOM. Umožňuje vybírat prvky na základě různých kritérií, jako jsou CSS selektory, ID, třídy, atributy, tagy a další.

Princip fungování:

1. Přijímá jako argument selektor (CSS selektor, jQuery selektor atd.).
2. Provádí hledání uvnitř vybraného souboru prvků jQuery (množiny prvků), na které je metoda find aplikována.
3. Pokud jsou nalezeny shody, vrací nový jQuery objekt obsahující tyto nalezené prvky. Pokud žádné shody nenajde, vrací prázdný jQuery objekt.

Příklad:

Předpokládejme, že máme následující HTML kód:

<div id="container">
  <p class="item">První odstavec</p>
  <p>Druhý odstavec</p>
  <div class="item">První div</div>
</div>

A chceme najít všechny prvky s třídou "item" uvnitř prvku s ID "container".

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

Důležité body:

• find hledá pouze uvnitř aktuálního souboru prvků, nezahrnuje tyto prvky samotné.
• Je to mocná metoda pro podrobné hledání v rámci specifického DOM kontextu.
• Liší se od metod jako $(selektor), které hledají v celém dokumentu.