Boucler sur les éléments

joums · 11/04/2011, 14h03

bonjour,

J'ai un conteneur (DIV A) où se trouve plusieurs (DIV1; DIV2 etc...)
Je souhaite faire une boucle sur les DIV appartenant à un DIV A afin de récupérer leur attributs (ID, class et position) en cliquant sur un bouton.

J'ai essayé avec each mais je récupère que les valeur d'une seule div

Merci de votre aide

SpaceFrog · 11/04/2011, 14h38

c'est bien each ...
on peut avoi run bout de html et ton jquery ?

un exemple:

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
19
20
21
22
<script type="text/javascript">
$(function(){
$("#foo > div").each(function(){alert ($(this).attr('class'))})
})
</script>
 
</head>
 
<body>
 
<div id="foo">
	<div class="one">lkjlkj</div>
	<div class="two">lkjlkj</div>	
	<div class="three">lkjlkj</div>
	<div class="four">lkjlkj</div>	
	<div class="five">lkjlkj</div>
</div>		
 
 
	</body>
 
</html>

joums · 11/04/2011, 16h38

voici le code que j'ai fait, mais je n'arrive pas à avoir la position de la DIV par rapport à son conteneur

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Drag n Drop</title>
<script src="jquery-1.5.2.min.js"></script>
 
<script src="jquery-ui.js"></script>
<style>
<script type="text/javascript">
$("#sauvegarder").click(function () {
		// var combienDeDiv = $("#reception > div").size();
 
 
 
		var D = $("#reception > div");
		var position = D.position();
		var MonID = "";
		var Myclass = "";
		var MaPosition = "";
 
 
		$("#reception > div").each(function(i){
		//on crée la variable pour la position des div
			MaPosition = $(this).offset();
			MonID = $(this).attr("id");
			Myclass = $(this).attr("class");
			positionGauche = ????? ;
			positionHaut = ??????;
);
 
 
 
 
			var monContenu = "<br />" + MonID + " - " + Myclass + " - " + positionGauche + "/" + positionHaut ;
 
</script>
</head>
 
<div id="strukture">
 
 
		<div id="menu">
			<div id="Noir" class="bouton">noir</div>
			<div id="Rouge" class="bouton">rouge</div>
            <div class="cleaner"></div>
		</div>
 
		<div id="reception"></div>
		<div id="console">Console</div>
        <div class="cleaner"></div>
        <div id="enregistrement">
        	<div id="sauvegarder" class="bouton">Sauvegarder</div>
            <div id="console2">Résultat</div>
            <div class="cleaner"></div>
        </div>
	</div>
 
 
</body>

SpaceFrog · 11/04/2011, 16h41

Code :

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

1
2
positionGauche = $(this).offset().left;
			positionHaut =$(this).offset().top;

joums · 11/04/2011, 17h01

Citation:

Envoyé par SpaceFrog

Code :

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

1
2
positionGauche = $(this).offset().left;
			positionHaut =$(this).offset().top;

Merci, je pensais pas à cette fonction
mais les valeurs obtenues ne sont pas celle à partir de la DIV parent ??

11/04/2011, 14h03	#1
joums Invité régulier Inscription : décembre 2007 Messages : 103 Détails du profil Informations forums : Inscription : décembre 2007 Messages : 103 Points : 8 Points : 8	Boucler sur les éléments bonjour, J'ai un conteneur (DIV A) où se trouve plusieurs (DIV1; DIV2 etc...) Je souhaite faire une boucle sur les DIV appartenant à un DIV A afin de récupérer leur attributs (ID, class et position) en cliquant sur un bouton. J'ai essayé avec each mais je récupère que les valeur d'une seule div Merci de votre aide
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email