pointage basique

Version imprimable

pointage basique

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:

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:

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

Bonsoir.

Exemple :

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

12/06/2009, 13h20
marcha
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:

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

Merci

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.