Comment puis-je obtenir et manipuler la liste de classes d'un élément avec jQuery ?

Obtenir la liste des classes pour un élément avec jQuery

Dans jQuery, vous pouvez récupérer la liste des classes d'un élément en utilisant le attr('class' ), qui renvoie une chaîne contenant toutes les classes attribuées. Pour obtenir un tableau de ces classes, vous pouvez diviser la chaîne en fonction des espaces en utilisant split(/s /);.

Par exemple, si vous avez un élément avec le HTML :

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

Vous pouvez accéder à sa liste de classes par :

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

Il en résulte un tableau des éléments suivants chaînes :

• "Lorem"
• "ipsum"
• "dolor_spec"
• "assis"
• "amet"

Pour trouver une classe spécifique, telle que "dolor_spec", vous peut parcourir le tableau et comparer chaque élément au nom de classe souhaité.

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

Bien que jQuery fournisse la méthode hasClass() pour vérifier si un élément a une classe particulière, il nécessite que le nom de la classe soit connu préalablement. Si le nom réel de la classe est variable, vous pouvez utiliser l'approche basée sur un tableau pour rechercher et manipuler la classe souhaitée.

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!