Discussion :

[ambi86]

Voila je suis obliger d'utiliser une boucle pour utiliser $(.blocNote) ou getElmentByClassName parceque ca retourne un tableau d'élements en principe ici j'utilise la boucle for() comme ceci:

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
17
18
 
	//cliquer sur ajouter
 
	$(".ajouter").on("click",function(){
 
		var ajouter=$('.ajouter');
		var blocNote=$(".blocNote");
 
		for(var m = 0; m < ajouter.length; m++){
 
			for(var x = 0; x < blocNote.length; x++){
 
				$(blocNote.get(x)).clone(true).appendTo("#blocS")
			}
 
		}
 
	});

le truc c'est que ca selectionne tout les elements qui ont la meme classe alors que je veux qu'il selectionne seulement l'element ou je suis en train de manipuler par exemple comme sur la fonction au dessus quand je clique sur une des divs qui ont la class="blocNote" je veux que ca soit sur cette div que la fonction ajouter fonctionne pas sur les autres en même temps.


Merci pour vos réponses.

[Watilin]

C'est confus, mais je crois comprendre que tu veux appliquer un traitement à l'élément sur lequel tu as cliqué. C'est bien ça ?

Dans un gestionnaire d'évènement .on(), tu as une référence automatique sur l'élément ciblé grâce à this. Cette référence ne reçoit pas automatiquement les « améliorations » de jQuery, c'est pourquoi on voit souvent ceci dans les exemples de code jQuery :

Code :

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

var $this = $(this);

Cette variable $this te permet ainsi de manipuler l'élément sur lequel il y a eu le clic avec les méthodes jQuery habituelles.

En résumé :

Code :

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

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

Edit: j'ai parlé un peu vite : ce bout de code que je t'ai donné va cloner le bouton .ajouter et pas l'élément .blocNote entier. Heureusement, on peut facilement retouver le bloc-note qui contient le bouton concerné, grâce à la méthode .parents().

Code :

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

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

[ambi86]

merci bah la solution je n'aurais pas pu le deviner comme cela merci bien c'est vrai que je ne suis encore que débutant mes graces a ce super site qu'un ami apprenti developpeur aussi m'a recommande j'arrive a apprendre de nouvelles fonctionnalités que je n'aurais point appris ailleurs merci encore.