Wie iteriere ich mit der every()-Methode von jQuery durch HTML-Elemente mit derselben Klasse?-js-Tutorial-php.cn

Wie iteriere ich mit der every()-Methode von jQuery durch HTML-Elemente mit derselben Klasse?

DDD

Freigeben： 2024-10-19 20:45:02

Original

355 Leute haben es durchsucht

How to Iterate Through HTML Elements with the Same Class Using jQuery's each() Method?

Schleife durch HTML-Elemente mit derselben Klasse mit jQuery

Um eine Reihe von HTML-Elementen mit derselben Klasse effizient zu durchlaufen, bietet jQuery die every()-Methode. Diese Methode dient als praktische iterative Lösung für DOM-Elemente.

Um die Verwendung von every() zu demonstrieren, betrachten Sie das folgende Szenario:

Sie haben mehrere

Elemente auf Ihrer Webseite, denen jeweils die Klasse „Testimonial“ zugewiesen ist. Sie müssen jQuery verwenden, um diese Elemente einzeln zu durchlaufen und spezifische Aktionen basierend auf jedem Element auszuführen.

Der jQuery-Code, um dies zu erreichen, ist unkompliziert:

$('.testimonial').each(function(i, obj) {
  // Perform your actions here
});

Nach dem Login kopieren

Innerhalb jedes( )-Funktion stellt der erste Parameter („i“) die Position des aktuellen Elements im Array von Elementen mit der Klasse „testimonial“ dar, während der zweite Parameter („obj“) das DOM-Objekt des aktuellen Elements darstellt. Um mit dem Element zu interagieren, können Sie den jQuery-Wrapper $(this) verwenden.

Wenn Sie beispielsweise überprüfen möchten, ob eine bestimmte Bedingung für jedes Element zutrifft, können Sie jedem Element eine if-Anweisung hinzufügen ()-Funktion:

$('.testimonial').each(function(i, obj) {
  if ($(this).hasClass('active')) {
    // Perform actions for elements with class 'active'
  }
});

Nach dem Login kopieren

Die jQuery-API-Dokumentation bietet umfassende Informationen zur every()-Methode. Weitere Anleitungen und Beispiele finden Sie in der offiziellen Dokumentation.

Das obige ist der detaillierte Inhalt vonWie iteriere ich mit der every()-Methode von jQuery durch HTML-Elemente mit derselben Klasse?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!