javascript de la théorie à la pratique

**Loceka** · 17/03/2011, 15h54

Envoyé par SpaceFrog

avec jquery

Code :

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

$('li>a').length

Tu vas te faire taper par Auteur

**javatwister** · 17/03/2011, 15h57

et en plus, quel est l'intérêt?

**SpaceFrog** · 17/03/2011, 16h06

Tu vas te faire taper par Auteur

pour quelle raison ?

et pis qu'il y vienne d'abord :grin:

**Alba.1337** · 17/03/2011, 16h53

Fiou, je viens de venir à bout de ce TP, grâce à vous!
Merci bien!

**Loceka** · 17/03/2011, 16h53

Envoyé par SpaceFrog

pour quelle raison ?

Parce que tu utilises un script de 200ko pour une simple méthode qui fait 10 lignes de code !

**SpaceFrog** · 17/03/2011, 16h59

83 Ko !!!!

mais je n'ai jamais dit qu'il fallait utiliser jquery juste pour cela...
je souligne juste que si l'on est dans un contexte jquery ...

**Bovino** · 17/03/2011, 17h16

Envoyé par Loceka

Du coup tu aurais mieux fait de l'écrire comme ça :

Code :

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

1
2
3
4
5
6
7
8
function compter(){
   var li = document.getElementsByTagName('li');
   var cpt = 0;
   for (i=0; i<li.length; i++){
      cpt += li[i].getElementsByTagName('a').length;
   }
   alert(cpt);
}

Code html :

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
<!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" xml:lang="fr">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>Untitled Document</title>
	</head>
	<body>
		<ul>
			<li><a>1</a></li>
			<li><a>2</a></li>
			<li><a>3</a></li>
			<li><a>4</a></li>
			<li>
				<ul>
					<li><a>5</a></li>
					<li><a>6</a></li>
				</ul>
			</li>
		</ul>
		<script type="text/javascript">
                   var li = document.getElementsByTagName('li');
                   var cpt = 0;
                   for (i=0; i<li.length; i++){
                      cpt += li[i].getElementsByTagName('a').length;
                   }
                   alert(cpt);
                </script>
	</body>
</html>

Renvoie 8 et non 6 : il y a des balises a comptées 2 fois vu qu'elles ont 2 ancêtres li

**javatwister** · 17/03/2011, 17h58

bien vu encore (chuis trop vieux pour ces c...ies)

donc

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
function compter(){
 
var l=document.links, cpt=0;
 
for(i=0;i<l.length;i++){
	if(l[i].parentNode.nodeName=="LI"){
		cpt++
	}
}
 
alert(cpt)
 
}

**SpaceFrog** · 17/03/2011, 18h57

Code :

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

if(l[i].parentNode.nodeName.toUpperCase()=="LI"){

comme qui y'a pas d'age ^^

**javatwister** · 18/03/2011, 00h44

non non, je confirme, les nodeName sortent en majuscule jusqu'à nouvel ordre

sur ce, je vais me coucher

**SpaceFrog** · 18/03/2011, 08h25

de façon crossbrowser ? j'en mettrais pas le fil de ma souris sans fil à couper ...

**Willpower** · 18/03/2011, 09h02

Envoyé par SpaceFrog

de façon crossbrowser ? j'en mettrais pas le fil de ma souris sans fil à couper ...

Quasi certain !

**javatwister** · 18/03/2011, 09h13

tu verras, quand tu auras mon âge et ma sagesse: tu découvriras la lumière, petit scarabée

ceci dit, c'est un archaïsme voué à disparaître, j'espère;

**SpaceFrog** · 18/03/2011, 09h18

t'es pas plus jeune que moi toi ? ^^

javascript de la théorie à la pratique

JavaScript

Discussions similaires

Partager

Partager