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

Wie rufe ich mit jQuery ein Array von Elementklassen ab?

Susan Sarandon
Freigeben: 2024-11-27 08:17:13
Original
398 Leute haben es durchsucht

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>
Nach dem Login kopieren

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+/);
Nach dem Login kopieren

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
    }
}
Nach dem Login kopieren

Verwenden jQuery:

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

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

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

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

Checker-Funktion:

if ($('#divId').hasClass('dolor_spec')) {
    // Do something
}
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage