Wie kann ich mit jQuery durch Elemente derselben Klasse iterieren und bedingte Aktionen ausführen?

So verwenden Sie jQuery zum Durchlaufen von Elementen derselben Klasse

Wenn Sie mit mehreren Elementen derselben Klasse arbeiten, ist dies erforderlich auf sie zugreifen und sie einzeln bearbeiten können. jQuery bietet eine effiziente Möglichkeit, diese Elemente mithilfe der Methode .each() zu durchlaufen.

Frage:

Ich habe eine Sammlung von Divs mit der Klasse „Testimonial“. und ich brauche eine Möglichkeit, sie mit jQuery zu durchlaufen, um zu überprüfen, ob eine bestimmte Bedingung erfüllt ist. Wenn die Bedingung wahr ist, möchte ich eine bestimmte Aktion ausführen.

Antwort:

Um dies zu erreichen, können Sie die Methode .each() wie folgt verwenden:

$('.testimonial').each(function(i, obj) {
    // Your code here...
});

Innerhalb der Callback-Funktion .each() haben Sie Zugriff auf den Index des aktuellen Elements innerhalb des Arrays (i) und das DOM-Objekt des Elements (obj). Sie können den jQuery-Wrapper $(this) verwenden, um direkt auf das DOM-Objekt zuzugreifen.

Wenn Sie beispielsweise überprüfen möchten, ob das aktuelle Div eine bestimmte Klasse hat, und in diesem Fall eine Aktion ausführen möchten, können Sie Folgendes verwenden den folgenden Code:

$('.testimonial').each(function() {
    if ($(this).hasClass('active')) {
        // Perform your action here...
    }
});

Die jQuery-Dokumentation enthält detaillierte Informationen und Beispiele für die .each()-Methode, auf die Sie für fortgeschrittenere Verwendungsszenarien verweisen können.

Das obige ist der detaillierte Inhalt vonWie kann ich mit jQuery durch Elemente derselben Klasse iterieren und bedingte Aktionen ausführen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!