Discussion :

[dede64]

Bonjour,

Je souhaite faire une action dans plusieurs divs ayant le meme nom.

Quand je fais le script suivant :

Code :

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

1
2
3
4
5
6
7
$(document).ready( function () {
	$("#nomdudiv").ready(
			function () {
				alert("toto");	
 
			});
});

il me fait un alert qu'une seule fois alors que j'ai 4 div dans ma page avec ce nom là.

Merci de votre aide

[Gruik]

Hello,

C'est normal, les ids d'éléments html sont sensés être uniques
Utilise plutot les classes CSS

[dede64]

en utilisant le nom d'une classe c'est la meme chose.

mais si je souhaite simplement ajouter un css
$(".nomdelaclassedesdiv").css("border","3px solid red");

là tous mes divs fonctionnent

le probleme serait pas du au fiat que j'utilise ready

[Gruik]

Ah, oui

Je vois pas trop ce que tu cherches à faire en specifiant un gestionnaire pour l'evenement ready sur un élément en particulier
En général, ça s'affecte qu'au "document" pour effectuer des traitements quand le dom est prêt

[Bovino]

le probleme serait pas du au fiat que j'utilise ready

Si, il n'y a pas de méthode ready pour les éléments HTML...
Ce qui en plus serait particulièrement inutile dans ton exemple puisque lorsque l'événement ready de document est lancé, c'est que toutes les div le sont aussi
Pourrais-tu expliquer un peu ce que tu cherches à faire ?

[dede64]

alors voilà :
dans ma page j'ai plusieurs div de class scenarios dans lequel je souhaite afficher au chargement de la page un texte approprié.

Donc moi j'avais l'habitude de faire de la maniere suivante :

Code :

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

1
2
3
4
5
6
7
$(document).ready( function () {
	$(".scenarios").ready(		
			function () {	
				var numero=$(".scenarios").attr("name");
				ecrire(numero);				
			});
});

ma fonction ecrire permet d'ecrire dans le div le nom + un texte.
La fonction marche puisqu'elle le fait dans le premier div mais pas pour les autres.

[Gruik]

Alors ce que tu veux faire, c'est simplement executer le traitement sur chacun des .scenario quand le dom est prêt
La methode each() est toute indiquée
On peut aussi faire la meme chose en stoquant le resultat de $('.scenario') dans une variable et en la parcourant avec un iterateur. La methode eq() (ou get() si on ne veut que l'objet dom) retourne le nieme element de l'objet jQuery

[dede64]

c'est cool ça fonctionne .

Merci

[dede64]

pour ajouter un element dans un div j'utilise append.

comment on le supprime du div ?

[Gruik]

Si tu as un objet jQuery referençant ce div, c'est la methode remove()