Que retourne attr('class') ?

Version imprimable

Bonjour

Avant de rétablir la couleur de fond d'un élément après un mouseover, je vérifie sa classe, afin de savoir quelle couleur affecter.

Le alert retourne bien le bon nom de classe (sbt1), mais la comparaison avec le "==" ne marche pas.

Une piste svp ?
Code:

1 2 3 4 5 6 7 8 9 10 11 12 $('.sbt1').hover( function () { $(this).css("background-color","#333") ; }, function () { alert ( $(this).attr('class') ) ; if ( $(this).attr('class') == 'sbt1') { $(this).css("background-color","#858585") ; } else $(this).css("background-color","black") ; } ) ;

26/10/2009, 13h45
Bovino

Salut.
A vrai dire, j'ai du mal à comprendre l'intérêt de faire un test sur la classe d'un élément récupéré à partir de sa classe :koi:

Concernant ta question, ton élément possède peut-être plusieurs classes ou alors un espace s'est peut-être glissé dans son attribut class.
26/10/2009, 14h13
olbouss

Effectivement, il y avait un espace derrière le nom de la classe. Je m'en sors avec un $.trim.

Code:

if ( $.trim($(this).attr('class')) == 'sbt1')

En ce qui concerne le procédé qui parait peut-être un peu bizarre, il s'agit d'un script qui vient pallier aux insuffisances de IE6, suite l'utilisation de sélecteur :hover dans la feuille de style.

Les éléments récupéré par $('.sbt1') peuvent être de classe "sbt1" ou "sbt1 selected". Et en fonction de cela la couleur rétablie est différente; C'est pour ça que je teste à nouveau le nom de la classe.

Mais peut-être pensais-tu à autre chose ?

En tout cas merci pour ta réponse.

Bonjour,

Pourquoi ne par utiliser hasClass( class )

Code:

1
2
3
4
5
6
7
8
9
10
11
12
$('.sbt1').hover(
	function () { 
		$(this).css("background-color","#333") ;
	}, 
	function () {
		alert ( $(this).attr('class') ) ;
		if (!$(this).hasClass('selected')) {
                        $(this).css("background-color","#858585") ;
		}
		else $(this).css("background-color","black") ;
	} 			   
) ;

A+