Comment puis-je obtenir la classe actuelle d'un div avec jQuery ?

Question

En utilisant jQuery, comment puis-je obtenir la classe actuelle d'un div appelé div1 ?

Answer 1

Il suffit de récupérer l'attribut de classe :

var div1Class = $('#div1').attr('class');

Exemple

<div id="div1" class="accordion accordion_active">

Pour vérifier les classes contenues dans le div ci-dessus

var a = ("#div1").attr('class'); 
console.log(a);

sortie de la console

accordion accordion_active

Answer 2

Simplement par

var divClass = $("#div1").attr("class")

Vous pouvez faire d'autres choses pour manipuler la classe de l'élément.

$("#div1").addClass("foo"); // add class 'foo' to div1
$("#div1").removeClass("foo"); // remove class 'foo' from div1
$("#div1").toggleClass("foo"); // toggle class 'foo'

Answer 3

$('#div1').attr('class')

retournera une chaîne de caractères des classes. Transformez-la en un tableau de noms de classes

var classNames = $('#div1').attr('class').split(' ');

Answer 4

Dorénavant, il est préférable d'utiliser la fonction .prop() plutôt que .attr().

Voici la documentation de jQuery :

Depuis la version 1.6 de jQuery, la méthode .attr() renvoie undefined pour les attributs qui n'ont pas été définis. En outre, la méthode .attr() ne doit pas être utilisée sur les éléments suivants des objets simples, des tableaux, la fenêtre ou le document. Pour récupérer et modifier les propriétés du DOM, utilisez la méthode .prop().

var div1Class = $('#div1').prop('class');

Answer 5

$("#div1").attr("class")