Heim  >  Artikel  >  Web-Frontend  >  Wie rufe ich mit jQuery ein Array von Elementklassen ab?

Wie rufe ich mit jQuery ein Array von Elementklassen ab?

Susan Sarandon
Susan SarandonOriginal
2024-11-27 08:17:13334Durchsuche

How to Retrieve an Array of Element Classes with jQuery?

So erhalten Sie ein Array von Elementklassen mit jQuery

Frage: Kann jQuery verwendet werden, um ein Array von Klassen zu erhalten, die einem Element zugewiesen sind? , einschließlich einer bestimmten Klasse (dolor_spec in der Beispiel)?

Beispiel:

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

Einschränkungen:

  • hasClass() ist nicht geeignet, weil Der genaue Klassenname ist möglicherweise unbekannt Laufzeit.

Lösung:

Verwendung von JavaScript (ohne jQuery):

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

Iterieren Sie durch die Klassenliste, um die gewünschte Klasse zu finden:

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

Verwenden jQuery:

jQuery bietet für diese Aufgabe keine direkte Lösung. Hier ist ein alternativer Ansatz:

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

Durchlaufen Sie die Klassenliste mit der Funktion every() von jQuery:

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

Checker-Funktion:

if ($('#divId').hasClass('dolor_spec')) {
    // Do something
}

Das obige ist der detaillierte Inhalt vonWie rufe ich mit jQuery ein Array von Elementklassen ab?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn