Wie funktioniert die Methode find?

Die Methode find wird verwendet, um Elemente im DOM zu suchen. Sie ermöglicht die Auswahl von Elementen basierend auf verschiedenen Kriterien wie CSS-Selektoren, ID, Klassen, Attributen, Tags und anderen.

Funktionsprinzip:

1. Nimmt als Argument einen Selektor (CSS-Selektor, jQuery-Selektor usw.).
2. Führt die Suche innerhalb der ausgewählten jQuery-Objekte (Menge von Elementen) durch, auf die die Methode find angewendet wird.
3. Wenn Übereinstimmungen gefunden werden, gibt sie ein neues jQuery-Objekt zurück, das diese gefundenen Elemente enthält. Wenn keine Übereinstimmungen, gibt sie ein leeres jQuery-Objekt zurück.

Beispiel:

Angenommen, wir haben den folgenden HTML-Code:

<div id="container">
  <p class="item">Erster Absatz</p>
  <p>Zweiter Absatz</p>
  <div class="item">Erstes Div</div>
</div>

Und wir möchten alle Elemente mit der Klasse "item" innerhalb des Elements mit der ID "container" finden.

// JavaScript
$(document).ready(function() {
  var items = $('#container').find('.item');
  // items enthält jetzt zwei jQuery-Objekte: <p class="item"> und <div class="item">
  console.log(items.length); // 2
});

Wichtige Punkte:

• find sucht nur innerhalb des aktuellen Satzes von Elementen, ohne diese selbst einzuschließen.
• Es ist eine mächtige Methode für detaillierte Suchen innerhalb eines bestimmten DOM-Kontexts.
• Es unterscheidet sich von Methoden wie $(Selektor), die im gesamten Dokument suchen.