Wie kann ich mit jQuery alle Klassennamen eines HTML-Elements abrufen?

Elementklassennamen mit jQuery abrufen

Bei der Arbeit mit HTML-Elementen ist es oft notwendig, deren Klassenattribute zu verwalten. jQuery bietet eine Reihe von Methoden zum Bearbeiten von Klassen, aber manchmal erfordert die Aufgabe das Durchlaufen oder Abrufen aller Klassennamen, die einem bestimmten Element zugewiesen sind.

Um dies zu erreichen, gibt es hauptsächlich zwei Möglichkeiten:

Verwendung der nativen className-Eigenschaft von JavaScript:

var classList = document.getElementById('divId').className.split(/\s+/);

Diese Methode gibt ein Array zurück, das alle zugewiesenen Klassennamen enthält das Element mit der angegebenen ID (in diesem Fall „divId“).

Verwendung der attr()-Methode von jQuery:

var classList = $('#divId').attr('class').split(/\s+/);

Ähnlich dem nativen JavaScript-Ansatz, Diese Methode gibt auch ein Array von Klassen zurück Namen.

Hinweis:

• Die hasClass()-Methode von jQuery ist nützlich, um zu überprüfen, ob ein Element eine bestimmte Klasse hat, bietet aber keinen Zugriff darauf alle Klassennamen.
• Wenn Sie die Klassennamen durchlaufen und bedingte Prüfungen durchführen müssen, können Sie die Funktion $.each() verwenden, wie im gezeigt Beispiel:

$.each(classList, function(index, item) {
    if (item === 'someClass') {
        //do something
    }
});

Das obige ist der detaillierte Inhalt vonWie kann ich mit jQuery alle Klassennamen eines HTML-Elements abrufen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!