pointage basique

**sebastienj** · 11/06/2009, 10h25

Bonjour à tous,

Je suis tt nouveau utilisateur de Jquery et je bloque sur un problème basique de pointage. J'ai beau retourner la doc ds tous les sens, tout essayer, je n'arrive pas à créer une double boucle pour lister les balise <a> dans des balise <div>

Donc en gros mon html est

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
 
<div id="test">
  <div>
    <a href="#">lien</a>
    <a href="#">lien</a>
    <a href="#">lien</a>
  </div>
  <div>
    <a href="#">lien</a>
    <a href="#">lien</a>
    <a href="#">lien</a>
  </div>
  <div>
    <a href="#">lien</a>
    <a href="#">lien</a>
    <a href="#">lien</a>
  </div>
</div>

et comem j'aimerais lister les <a> j'ai tenté :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 
 jQuery(document).ready(function(){
 
 
  	$('#test div').each (function(i){
		// JE crée la deuxieme boucle mais je ne sais pas quoi metre ds le $()
		$(this > 'a').each (function(j){
			console.log ("  >  " + $(this));
		});
	});
 
});

Si vous pouvez m'aider vous serez chou comme tout :-)

Merci d'avance

Seb

**danielhagnoul** · 11/06/2009, 22h50

Bonsoir.

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
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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="Author" content="Daniel Hagnoul" />
    <title>Page type</title>
    <link rel="stylesheet" type="text/css" href="../styles/principal.css" media="screen" />
    <style type="text/css">
        div#affiche {
            margin:12px;
            border:1px solid #999999;
        }
    </style>
    <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#test").find("a").each(function(i, item){
 
                //debug
                $("#affiche").append("item["+ i + "] = " + item + "<br/>");
 
                $(item).css("color","red");
            });  
        });
    </script>
</head>
<body>
    <div id="conteneur">
        <div id="test">
            <div>
                <a href="#">lien1</a><br />
                <a href="#">lien2</a><br />
                <a href="#">lien3</a>
            </div>
            <div>
                <a href="#">lien4</a><br />
                <a href="#">lien5</a><br />
                <a href="#">lien6</a>
            </div>
            <div>
                <a href="#">lien7</a><br />
                <a href="#">lien8</a><br />
                <a href="#">lien9</a>
            </div>
        </div>
        <div id="affiche"></div>
    </div>
</body>
</html>

**marcha** · 12/06/2009, 13h20

Salut,

Tu peux demander à JQuery qu'un selecteur s'applique à
une partie du DOM en précisant l'élément de départ dans
le 2ème paramètre de la fonction $()

Code :

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

1
2
3
4
5
$('#test div').each (function(i){
  $('a', this).each (function(j){
	console.log ("  >  " + $(this));
  });
});

**sebastienj** · 14/06/2009, 16h30

Merci tout le monde, Merci Marcha, c'est exactement ça que je cherchais. J'avais essayé pmais pas avec le 'a' en premier !

C'est super.

pointage basique

jQuery

Vue hybride

Discussions similaires

Partager

Partager