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

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

Boucler sur les éléments

jQuery

Vue hybride

Discussions similaires

Partager

Partager