Tester si le contenu d'une division est vide ou non

Version imprimable

bonjours, je voudrait tester si le contenu d'un div est vide ou non:
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 <!DOCTYPE html> <html> <head> <script src="jquery-1.4.1.min.js"></script> </head> <body> <div id="test"> </div> <script> function displayVals() { var singleValues = $("#test").html(); if (singleValues == "")document.write("vide"); if (singleValues == 1)document.write("plein"); } displayVals(); </script> </body> </html>
quand mon div contient 1 le test if fonctionne bien mais je ne connait pas la valleur de ma variable quand le div est vide.
j'ai essayé "" ou null mais sans resultat.
quelqun connaitrait'il la solution svp?

Ton script

ne fonctionnait pas car tu as des retours à la ligne dans ta div. Concernant la manière d'aborder ce que tu recherches la fonction la plus adaptée et $(selecteur).text(); De plus tu risques de laisser des sauts de ligne . Pour cela tu disposes de la fonction $.trim de jquery qui supprime les espaces et sauts de lignes.

Au final ton code devient :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <div id="test"> </div> <script> function displayVals() { var singleValues = $.trim($("#test").text()); if (singleValues == "")document.write("vide"); if (singleValues == 1)document.write("plein"); } displayVals(); </script>

02/02/2010, 17h57
rib

mci bien et encore plus pour la rapiditée de la reponse.

Bonsoir.

Code:

document.write

est à bannir !

Exemple entièrement en jQuery :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script charset="CP-1252" src="../lib/jquery-1.4.1.min.js"></script>
	<script>
		$(function(){
			$("#btn").click(function(){
				$("<p>" + (($.trim($("#affiche").text()).length == 0)?("La division affiche est vide"):("La division affiche n'est pas vide")) + "</p>").prependTo("#conteneur");
			});
		});
	</script>
</head>
<body>
	<div id="conteneur">
		<button id="btn">OK</button>
		<div id="affiche">
			<p>
			</p>
		</div>
	</div>
</body>