Discussion :

[ambi86]

on m'a donner une solution pour selectionner un element d'une classe en déclarant d'abord $this=$(this) car effectivement jquery a du mal a reconnaitre $(this) et ca fonctionne sur ma fonction ci dessus :

Code :

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

1
2
3
4
5
6
7
 
 
	$(".ajouter").on("click", function () {
 	 var $this = $(this);
 	 var clone= $this.parents(".blocNote").clone(true);
	 clone.appendTo("#blocS");
	});

alors maintenant je me suis dit je vais suivre cette logique pour toutes mes autres fonctions mais voila ca ne fonctionne pas la console js me retourne une erreur comme quoi : TypeError: $this.parents(...).style is undefined sur mes fonctions ci dessus :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
 
	$('.importer').on('mouseover', function(){
		var $this=$(this);
		$this.style.width ='25px';
	});
 
	$('.importer').on('mouseout', function(){
		var $this=$(this);
		$this.style.width ='10px';	
	});

alors ici je n'ai pas mis parents() car je veux appliquer les changements sur l'element ou je suis et non un autre element parent mais ca fonctionne pas. Je suis vraiment encore un vrai apprenti developpeur pour ne pas dire que je suis nulle ca me casse la tête pourtant c'est logique ca doit fonctionner .

Merci de m'eclairer sur mon problème.

[SpaceFrog]

tu confonds objet du DOM et objet jquery ...

$(this) est un objet jquery auquel tu dois appliquer des methodes jquery ...

Code :

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

$this.css({"width":"25px"});

si tu tiens à redescendre au niveau du DOM :

Code :

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

$this.get(0).style.width ='25px';

[ambi86]

merci beaucoup ca fonctionne impeccablement faudra que j'aille voir la diferrence entre ojbets DOM et JQUERY parceque la c'est un peu chaud. Merci encore