Comment obtenir le nom de la classe d'un élément

J'ai une collection de divs...

<div class='happy person'><img src='#' /></div>
<div class='fat person'><img src='#' /></div>
<div class='joyous person'><img src='#' /></div>
<div class='grotesque person'><img src='#' /></div>
<div class='sad person'><img src='#' /></div>

que j'ai sélectionné à l'aide de...

var people = $('.person')

Les résultats sont stockés dans une variable de classe.
jQuery stocke les résultats de cette sélection dans un tableau de HTMLDivElements - qui ils sont.

Plus tard, je veux être en mesure de regarder ce tableau et de prendre des décisions à l'égard de la classe de chaque élément. J'ai lu sur une solution possible; mais cela ne parvient pas puisque je ne suis pas traiter directement avec un objet jQuery.

Comment puis-je obtenir les noms de classe de ces divs dans le tableau?

OriginalL'auteur iGbanam | 2011-02-07

Cela devrait fonctionner:

var people = $('.person');
$.each(people, function(index, el) {
    var _this = $(el);
    if (_this.hasClass('happy')) {
        alert('Happy!');
    } else if (_this.hasClass('fat')) {
        alert('Fat!');
    }
});

OriginalL'auteur Shane Garelja

2

Je ne suis pas sûr de ce que tu veux dire par "je ne suis pas traiter directement avec un objet jQuery", comme $('.person') retourne un objet jQuery, enroulé autour d'un tableau d'éléments.

Pour obtenir les classe(s) d'un élément, il suffit d'utiliser .attr('class') sur l'objet jQuery. Combinez cela avec une .map() et vous pouvez créer un tableau de seulement les noms de classe pour chaque élément:
```
var classes = $('.person').map(function () {
    return $(this).attr('class');
}).get();
```
Ceci va produire le tableau suivant:
```
['happy person', 'fat person', ..., 'sad person']
```
OriginalL'auteur David Tang
1

À partir de: http://bytes.com/topic/javascript/answers/91636-getting-class-name-string, ce pourrait être la peine d'essayer si vous n'êtes pas à l'aide de jQuery.
```
function getClassName(obj) {
   if (typeof obj != "object" || obj === null) return false;
   return /(\w+)\(/.exec(obj.constructor.toString())[1];
}
```
OriginalL'auteur vol7ron
0

Pour obtenir toutes les classes sur un individu div, utilisez le .attr fonction.
```
var classes = myDiv.attr('class');  
```
Revenir un espace séparé liste de toutes les classes sur l'élément.

Si vous souhaitez vérifier l'existence d'une classe spécifique, utilisez .hasClass().
```
var hasJoy = myDiv.hasClass('joyous');
```
Pense qu'il est important de mentionner que ce sont les méthodes jQuery.
À droite, ce sont des jQuery. Vous pouvez utiliser les méthodes du DOM directement si vous ne l'avez pas déjà jQuery objets disponibles.
cela pourrait fonctionner, mais je suis à la recherche pour obtenir la classe spécifique d'un objet DOM pas tous d'entre eux

OriginalL'auteur calvinf
0

Boucle à travers eux à l'aide de JavaScript:
```
for (var i = 0; i < people.length; i++)
{
  var class = people[i].attr('class');
}
```
Ou avec jQuery:
```
people.each(function()
{
  var class = $(this).attr('class');
});
```
Vous faire savoir que le fait d'avoir une classe fat person n'est pas d'avoir la classe fat person? Il hérite des propriétés CSS à partir de deux fat et person. Si vous avez besoin d'un nom de classe comme cela, utilisez des traits de soulignement: fat_person.

merci. Je comprends l'héritage de classes CSS. Dans votre exemple, je vais être lookinf pour la classe de "gras" qui doit renvoyer l'objet avec les classes de "graisse" et "personne"

OriginalL'auteur Blender

div_attrs = node.attributes;
div_class = div_attrs.getNamedItem("class").value;

Dans div_class, la variable doit être div_attrs.

OriginalL'auteur yPhil

Vous devez vous connecter pour publier un commentaire.