Discussion :

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

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

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 :

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

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

ou

Code :

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

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 :

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

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

[NoSmoking]

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

Code :

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

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 :

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

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

???

[danielhagnoul]

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 :

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

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

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

Code :

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

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 !