Discussion :

[pierrot10]

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 HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

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 JQUERY :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[pierrot10]

J'ai réussi à le faire ainsi:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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?

[Toufik83]

essaie ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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'));
  }
 
});

[SpaceFrog]

hasClass() ?