Comment récupérer un tableau de classes d'éléments avec jQuery ?

Comment obtenir un tableau de classes d'éléments avec jQuery

Question : JQuery peut-il être utilisé pour obtenir un tableau de classes assignées à un élément , incluant une classe spécifique (dolor_spec dans le exemple)?

Exemple :

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

Limitations :

• hasClass() ne convient pas car le nom exact de la classe peut être inconnu à runtime.

Solution :

Utilisation de JavaScript (sans jQuery) :

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

Parcourir le liste de classes pour trouver la classe souhaitée :

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

Utilisation jQuery :

jQuery n'offre pas de solution directe pour cette tâche. Voici une approche alternative :

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

Parcourez la liste des classes avec la fonction each() de jQuery :

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

Fonction Checker :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!