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

**rib** · 02/02/2010, 17h33

bonjours, je voudrait tester si le contenu d'un div est vide ou non:

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

**Sourrisseau** · 02/02/2010, 17h53

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 :

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

**rib** · 02/02/2010, 17h57

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

**danielhagnoul** · 02/02/2010, 23h54

Bonsoir.

Code :

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

document.write

est à bannir !

Exemple entièrement en jQuery :

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

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

jQuery

Discussions similaires

Partager

Partager