De la portée de $(this)

[SpaceFrog]

En voulait incrementer le z-index d'objets je suis tombé sur ceci que je ne comprends pas :

Un bout de code qui plante

Code :

1
2
3
console.log(elt);  
$("#"+elt).css("z-index",$(this).css('z-index')+1)
console.log($("#"+elt).css("z-index"));

Un bout de code qui fonctionne :

Code :

1
2
3
console.log(elt);  
$("#"+elt).css("z-index",$('#'+elt).css('z-index')+1)
console.log($("#"+elt).css("z-index"));

ou

Code :

1
2
3
4
console.log(elt);  
z=$("#"+elt).css("z-index")+1
$("#"+elt).css("z-index",z)
console.log($("#"+elt).css("z-index"));

pourquoi le $(this) ne passe-t-il pas dans le css() .

[arthuro45]

Avec mon tout petit niveau, allez j'ose
peut-être comme ça :

Code :

$("#"+elt).css("z-index", $("#"+this).css('z-index')+1)

[NoSmoking]

Bonjour,
je dirais qu'il faut récupérer la valeur...

Code :

1
2
3
$('#' +elt).css('z-index', function(){
  return ($(this).css('z-index')*1) +1;
});

[SpaceFrog]

retourner le z-index ??

Ben ce n'est pas ce qu'est supposé faire

Code :

$(this).css('z-index')

???

[danielhagnoul]

Envoyé par SpaceFrog

En voulait incrementer le z-index d'objets je suis tombé sur ceci que je ne comprends pas :

Un bout de code qui plante

Code :

pourquoi le $(this) ne passe-t-il pas dans le css() .

Code :

1
2
3
4
5
6
7
8
9
10
$(function(){
	var elt = "divID";
 
	console.log( elt );
 
	// ici this c'est le document
	$( "#" + elt ).css( "z-index" , $( console.log( this ) ).css( 'z-index' ) + 1 );
 
	console.log( $( "#" + elt ).css( "z-index" ) );
});

[NoSmoking]

Dans ta syntaxe le $(this) est évalué avant que son résultat ne soit transmis comme argument ce qui fait qu'au moment de l'évaluation le this représente le DOMWindow.

En utilisant la fonction anonyme celle ci est transmise comme argument à la 2éme méthode .css.

Avec une analyse, en mode pas à pas, on retrouve bien la fonction anonyme dans le coeur du code jQuery en tant qu'argument dans la fonction jQuery.fn.css.

Dans ta syntaxe les 2 $(xx) sont d'abord évalués, la fonction anonyme, donc le $(this), quant à elle n'étant exécutée qu'au coeur de la méthode .css.

[eckerdecker]

Sans offense aucune, c'est le même problème que dans le sujet suivant
http://www.developpez.net/forums/d11...tee-this-load/

[SpaceFrog]

Ha, j'avais oublié ce souci sur le load ...

Je trouve vraiment volatile le this en js

[danielhagnoul]

Bonsoir

Volatile ? Je ne pense pas ! Déroutant, difficile à apprivoiser, souvent déconcertant ? J'approuve !