Wie kann ich mit jQuery die Klassenliste eines Elements abrufen und bearbeiten?

Klassenliste für Element mit jQuery abrufen

In jQuery können Sie die Klassenliste eines Elements mithilfe des attr('class' )-Methode, die eine Zeichenfolge zurückgibt, die alle zugewiesenen Klassen enthält. Um ein Array dieser Klassen zu erhalten, können Sie die Zeichenfolge mithilfe von split(/s /); basierend auf Leerzeichen aufteilen.

Zum Beispiel, wenn Sie ein Element mit dem HTML haben:

<div class="Lorem ipsum dolor_spec sit amet">Hello World!</div>

Sie können auf die Klassenliste zugreifen, indem Sie:

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

Dies führt zu einem Array der folgenden Elemente Zeichenfolgen:

• "Lorem"
• "ipsum"
• "dolor_spec"
• "sit"
• "amet"

Um eine bestimmte Klasse zu finden, z. B. „dolor_spec“, müssen Sie kann das Array durchlaufen und jedes Element mit dem gewünschten Klassennamen vergleichen.

for (var i = 0; i < classList.length; i++) {
    if (classList[i] === 'dolor_spec') {
        // Do something
    }
}

Obwohl jQuery die Methode hasClass() bereitstellt, um zu prüfen, ob ein Element eine bestimmte Klasse hat, erfordert sie, dass der Klassenname bekannt ist vorher. Wenn der tatsächliche Klassenname variabel ist, können Sie den Array-basierten Ansatz verwenden, um die gewünschte Klasse zu finden und zu bearbeiten.

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