Boucler sur les éléments

Version imprimable

11/04/2011, 14h03
joums

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

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

un exemple:

Code:

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>

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

Code:

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>

Code:

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

11/04/2011, 17h01
joums
Citation:
Envoyé par SpaceFrog

Code:

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 ??