Comment ne récupérer que les balises enfant ?

**souffle56** · 06/09/2010, 17h03

Bonjour,

J'ai un programme (voir ci-dessous) qui me permet de récupérer un fichier xml (via ajax et jQuery), seulement, je n'arrive pas à avoir une réponse suffisamment précise, au niveau de la requête que je fais... A savoir; j'aimerais que seuls les contenus enfants soit affichés ->
* Enfant1
* Enfant2
et pas le reste du contenu "descendant", comme c'est le cas actuellement !
Si j'ai bien compris, la fonction "text()" que j'utilise ramène tout le contenu descendant -> Existe t-il une alternative (autre fonction, par exemple) qui me permette de sélectionner uniquement le texte des balises enfants / à la cible de ma requête jQuery ?

En vous remerciant par avance !

Code XML:

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
<?xml version="1.0" encoding="UTF-8"?>
<enregistrements>
 
	<r>Trucs et astuces
		<r>Parent
			<r titre="Cible">Cible
				<r>Enfant1
					<t>"Texte1"</t>
				</r>
				<r>Enfant2
					<regroupement>Regroupement1
					</regroupement>
				</r>
			</r>
		</r>
		<r>Extra !</r>
	</r>
 
</enregistrements>

Code Html:

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Parser du XML avec jQuery</title>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(function(){
 
	$('#Menu_apres').click(function(){
		$.ajax({
			type: "GET",
			url: "XML_Essai.xml",
			dataType: "xml",
			complete : function(data, status) {
				var products = data.responseXML;
				var appendHtml = "";
				$(products).find("r[titre='Cible']").children('r').each(function(){
					var enfant = $(this).text();
					appendHtml += '<span>* '+enfant+'<br /></span>';
				}); 
				$("#Menu_suivant").append(appendHtml);
			}});
	});
});
</script>
</head>
<body>
	<div id="container">
		<button class="Click">Récupérer la liste des courses.</button>
		<ul id="Accueil" />
	</div>
</body>
</html>

**danielhagnoul** · 06/09/2010, 21h13

Bonsoir

Code :

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

1
2
3
4
5
6
7
$.get("XML_Essai.xml", function(xml){
	$(xml).find("r[titre='Cible']").children('r').each(function(i, item){
		$(item).children().each(function(j, jtem){
			console.log($(jtem).text());
		});
	});
}, "xml");

**souffle56** · 06/09/2010, 23h58

Merci pour ta proposition;
j'avoue que ce code dépasse mon niveau informatique du moment ! Du fait, je suis quand même arrivé à intégrer le code que tu proposes dans mon code d'origine (avec quelques modifs pour afficher les donnée à l'écran) -> Voilà ce que ça donne :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Parser du XML avec jQuery</title>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(function(){
	$.get("XML_Essai.xml", function(xml){
		var appendHtml = "";
		$(xml).find("r[titre='Cible']").children('r').each(function(i, item){
			$(item).children().each(function(j, jtem){
				var enfant = $(jtem).text();
				appendHtml += '<span>* '+enfant+'<br /></span>';
			});
		});
		$("#Accueil").append(appendHtml);
	}, "xml");
 
});
</script>
</head>
<body>
	<div>
		<ul id="Accueil" />
	</div>
</body>
</html>

Du fait, tout irait très bien si ce n'est que, au lieu d'afficher les données enfants de la cible de la requête :
* Enfant1
* Enfant2

L'écran affiche :
* "Texte1"
* Regroupement1

-> Autrement dit, les petits enfant / la cible de la requête ->
- Saurais tu m'aider à adapter le code que tu m'as proposé pour aborder "une génération" au dessus ?

- Eventuellement, pourrais-tu me donner quelque piste (adresse Internet...) qui puisse m'aider à comprendre ta façon de paramétrer les fonctions (i, item...) ?

En te remerciant pour ton soutien !

**danielhagnoul** · 07/09/2010, 00h16

Bonsoir

C'est moi qui ne comprends plus :

"Existe t-il une alternative (autre fonction, par exemple) qui me permette de sélectionner uniquement le texte des balises enfants / à la cible de ma requête jQuery ?"

Pour le niveau supérieur :

Code :

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

1
2
3
4
5
$.get("XML_Essai.xml", function(xml){
	$(xml).find("r[titre='Cible']").children('r').each(function(i, item){
		console.log($(item).text());
	});
}, "xml");

Mais vous l'aviez déjà avec votre code, non ?

La documentation pour $.each() et pour $(xml).each()

**danielhagnoul** · 07/09/2010, 00h25

Je vous conseille de remplacer :

Code :

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

console.log($(item).text());

par

Code :

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

console.log(i, item, $(item).text());

pour mieux voir le niveau atteint. C'est peut-être simplement la valeur de item que vous chercher.

**souffle56** · 07/09/2010, 01h17

Je vous prie de bien vouloir m'excuser; effectivement, j'avais complètement oublié un "remaniement" de dernière minute / à mon code et, du fait, je comprends votre incompréhension !

Sinon, j'ai essayé votre nouveau code, pour le niveau supérieur :

Code :

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

1
2
3
4
5
$.get("XML_Essai.xml", function(xml){
	$(xml).find("r[titre='Cible']").children('r').each(function(i, item){
		console.log($(item).text());
	});
}, "xml");

Grand Merci... seulement, sur la console, à présent, les enfants sont bien affichés... mais avec leurs propres enfants :
Enfant1 "Texte1"
Enfant2 Regroupement1

Sinon, j'ai essayé avec

Code :

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

console.log(i, item, $(item).text());

->voilà les précisions affichées sur la console:
0 <r> Enfant1 "Texte1"
1 <r> Enfant2 Regroupement1

-> N'y aurait-il vraiment pas moyen de n'avoir que les enfants ? :
Enfant1
Enfant2

A ce propos, ne serait-ce pas la fonction "text()" qui, comme je le supposais un peu plus haut, poserait ici un problème; dans le sens où elle prend en compte, non seulement le texte de la balise qu'on lui soumet, mais aussi l'ensemble du texte qui est en descendance (comme précisé ici, dans le 1er exemple) -> Si c'est le cas, comment empêcher cela

Ps: Merci pour les adresses internet proposées !

Comment ne récupérer que les balises enfant ?

jQuery

Vue hybride

Discussions similaires

Partager

Partager