Navigation dans un arbre

**PodoLaBrute** · 19/04/2010, 14h47

Bonjour.

Je me tourne vers vous car je suis dans une impasse

Je tente de faire quelque chose de simple, recupérer le selecteur JQuery d'un champs texte. Simple me direz vous ^^ Mais le truc c'est que ce champs n'a aucun id, ni class, ni rien du tout en fait

Il est imbriqué dans 3 div. J'aimerais savoir si on peut passé par ces 3 div. Peut etre en recherchant les fils etc. Je n'ai pas reussi avec Jquery :s J'ai reussi avec la fonction JS childnodes, mais du coup je peut plus utiliser la fonction autocomplete ! Car il me faut un objet JQuery, pas un objet du DOM il me semble.

Enfin, toujours est il que je ne peut pas modifié le code HTML. Celui ci est généré dynamiquement par Exhibit (Si quelqun connait ^^)

Bon je vous montre un peu mon arbre, peut etre la solution vous parlera plus qu'a moi

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
<div>
<div class="exhibit-facet-header">
<span class="exhibit-facet-header-title">Agent</span>
</div>
<div class="exhibit-text-facet">
<input type="text" />
</div>
</div>
<div id="textsearch-collectivite" ...>
<div class="exhibit-facet-header">
<span class="exhibit-facet-header-title">Collectivite</span>
</div>
<div class="exhibit-text-facet">
<input type="text" />
</div>
</div>

Le input qui m'interesse, c'est le deuxieme. Celui compris dans le div "textsearch-collectivite".

Si quelqun a deja rencontré ce genre de probleme :/ Je serais heureux de savoir comment il l'a solvé.

Merci.

**danielhagnoul** · 19/04/2010, 21h20

Bonsoir.

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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!doctype html>
<html lang="fr">
<head>
	<meta charset="utf-8">
	<meta name="Author" content="Daniel Hagnoul">
	<meta name="description" content="Page type">
	<title>Page type</title>
	<style>
		/* BASE */
		body {
			background-color:#ffffff;
			color:#000000;
			font-family:sans-serif;
			font-size:medium;
			font-style:normal;
			font-weight:normal;
			line-height:normal;
			letter-spacing:normal;
		}
		h1,h2,h3,h4,h5 {
			font-family:serif;
		}
		div,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,form,table,img {
			margin:0px;
			padding:0px;
		}
		p {
			padding:6px;
		}
		ul,ol,dl {
			list-style:none;
			padding-left:6px;
			padding-top:6px;
		}
		li {
			padding-bottom:6px;
		}
		/* TEST */
	</style>
	<script charset="utf-8" src="../lib/jqueryui-1.8/js/jquery-1.4.2.min.js"></script>
 	<script>
		$(function(){
			// Le input qui m'interesse, c'est le deuxieme. Celui compris dans le div "textsearch-collectivite".
 
			alert($("#textsearch-collectivite > div:eq(1) > input").val());
		});
	</script>
</head>
<body>
	<div id="conteneur">
 
		<div>
			<div class="exhibit-facet-header">
				<span class="exhibit-facet-header-title">Agent</span>
			</div>
 
			<div class="exhibit-text-facet">
				<input type="text" />
			</div>
 
		</div>
		<div id="textsearch-collectivite" ...>
 
			<div class="exhibit-facet-header">
				<span class="exhibit-facet-header-title">Collectivite</span>
			</div>
 
			<div class="exhibit-text-facet">
				<input type="text" value="hello, c'est moi !" />
			</div>
		</div>
 
	</div>
</body>  
</html>

Navigation dans un arbre

jQuery

Discussions similaires

Partager

Partager