Comment controler l'existance et la valeur d'une class

Bonjour,

J'ai ce code qui va controler la valeur d'une class pour tous les éléments h4.

J'aimerais controler si la attribut class existe et s'il est vide ou pas comme par exemple

Code:

---

1 2 3

<h4 class="">vide</h4> <h4>existe pas</h4> <h4 class="val">Valeur</h4>

---

Evodement, j'aimerais que le code soit exécuté que lorsqu'il y a une valeur.

je bloque la. et j'ai fait ceci:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

$( "h4" ).each(function() { var attr = $(this).attr('class');   if(attr===''){ // Ca ne donne rien!! }else if($(this).hasAttr('class')){ // ceci me retourne une erreur indiquant que la function hasAttr n'existe pas }   });

---

Aussi débutant que je suis, je n'arrive pas à traiter la valeur de la variable attr

Ca me semble simple, mais j'aimerais que le code soit traité que si la l'attribut class existe et qu'il ait une valeur.

Meci pour vos lumières

J'ai réussi à le faire ainsi:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

$( "h4" ).each(function() {   // console.log("hello"); var att = $(this).attr('class');   if (typeof att !== typeof undefined && att !== false && att.length > 0) { // $(this).html( $(this).attr('class')); $('<figure style="text-align:center"><img src="img/title/'+ $(this).attr('class') +'.png"></figure>').insertBefore($(this)); } else { //$(this).html("un"); } });

---

Qu'en pensez-vous?

essaie ça :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

$("h4").each(function() { var attr = $(this).attr('class');   if (attr == undefined) { $(this).text("pas d'attribut class"); } else if (attr == false) { if (attr == "") { $(this).text('class existante mais vide'); }   } else if (attr != "") { $(this).text('class existante :' + $(this).attr('class')); }   });

---

hasClass() ?