Découvrir si un élément a n'importe quelle classe de jQuery

J'ai hérité de quelques jQuery et HTML, et ont besoin de savoir si des éléments HTML ont un nom de classe de toute valeur. J'ai lu autour de quelques fils et Googlé mais ne peut pas trouver quelque chose d'utile.
Donc, en pseudo-code, ce que j'aimerais c'est:

Loop through all HTML elements

If any of them have any class at all:
    Get their class name as a string

En espérant qu'un sens!

OriginalL'auteur Kev | 2013-01-31

12

Essayer:
```
$('*').each(function() {
    if ($(this).hasClass()) {
        var class_name = $(this).attr('class');
        //do something
    }
});
```
Pourquoi vous voulez le faire, je n'ai aucune idée. Il est très inefficace

Ouais, c'est assez lourde opération. Je serais prêt à parier qu'il y a une meilleure approche du problème.
Merci 🙂 son pas quelque chose que je veux faire en particulier. Je ne suis pas jQuery expert, mais avec le code que j'ai hérité, je pense que sa peut-être la seule façon de faire ce dont j'ai besoin et le client (qui aime lui-même un talent de programmeur amateur) veut. J'ai réussi à la bande du nombre de classes jusqu'à 6 donc je suis en espérant que la volonté de réduire les frais généraux. Merci encore, je l'apprécie.
Testé et ne fonctionne pas avec jQuery 3.1.1.
raisonnablement efficace si $('*') sélecteur est autre que ' * '

OriginalL'auteur jacktheripper
12

Pour ce que ça vaut:
```
$(this).hasClass() 
```
retourne toujours faux.
```
$("[class]") 
```
ne fonctionne pas non plus, car il renvoie à des éléments comme
```
 my p 
```
jsfiddle pour les deux ici: http://jsfiddle.net/JZ8LV/1/

Solution:
```
$(this).hasClass('') 
```
retourne vrai pour les éléments sans une classe, y compris ceux de la forme
```
 my p 
```
donc
```
$('*').each(function() {
 if ($(this).hasClass('') === false) {
 $("body").append($(this).prop("tagName") + " has a proper class defined ");
 }
});
```
retourne tous les tags avec une bonne classe définie.

Jsfiddle: http://jsfiddle.net/2Rtj5/

L'homme. Vous êtes grand.

OriginalL'auteur fwiw
6

Vous pouvez utiliser quelque chose comme ceci:
```
$("[class]").each(function(){
   var className = $(this).attr("class");
})
```
A Sélecteur D'Attribut

Démo: http://jsfiddle.net/L5WAV/1/ (voir les résultats dans la console - deux divs doit être trouvé)

Merci à toi pour ton temps, je l'apprécie 🙂

OriginalL'auteur Viktor S.
1

Pour obtenir tous les éléments de classe, vous pouvez utiliser $('*[class]'):
```
$('*[class]').each(function(){
    //do what you want
});
```
Vous pouvez même facilement les compter avec $('*[class]').length.

Merci pour votre temps aussi, je ne l'apprécie 🙂

OriginalL'auteur Konrad Gadzina
1
```
var classObj = {};

$('*').each(function(){
 var cNames = this.className.split(' ');
 for(var i=0, l=cNames.length; i<l; i+=1){
 classObj[cNames[i]] = true;
 }
});
```
Qui vous donnera un Objet (classObj) avec chaque figurant de la classe du document en tant que propriété, donc un nom de classe de ne pas s'afficher plusieurs fois si il y a des éléments avec la même classe dans le document. Je voudrais vraiment pas faire ou voir des cas d'utilisation dans cette même si.

Merci pour votre temps, je l'apprécie 🙂

OriginalL'auteur GNi33

Pas une question directe, mais j'en avais besoin, donc, ici, il en va pour les futurs utilisateurs.

Dans le cas où vous souhaitez trouver si tout élément a un spécifiques la classe, vous pouvez utiliser cette fonction:

function find_any_element(className) {
    var found = false;
    $('*').each(function() {
        if ($(this).hasClass(className)) {
            var class_name = $(this).attr('class');
            alert("There is an element with this class: " + class_name);
            found = true;
        }
    });
    if(!found) {
        alert("No element with className '" + className + "' found.");
    }
}

OriginalL'auteur gsamaras

Vous devez vous connecter pour publier un commentaire.