Discussion :

[finalfx]

Bonjour,

j'ai un tableau html dont j'aimerais ne pas afficher les tr dont toutes les td sont vides, j'essaye d'expliquer quand une cellule td d'un tr n'est pas vide la ligne complète doit s'afficher mais qd aucune cellule n'est remplie j'aimerais cacher cette ligne, je me doute que je dois utiliser la méthode .hide() mais je ne parviens pas à cibler les tr contenant que des cellules vides d'autant + que chaque tr a un th qui lui est toujours rempli par défaut...

je vous montre la structure html d'une tr que j'aimerais ne pas afficher

Code html :

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

1
2
3
4
5
6
7
<tr>
<th>9h00</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>

Merci d'avance pour votre aide!

[danielhagnoul]

Bonsoir

Exemple :

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
30
31
32
33
34
35
36
37
38
39
<table id="maTableID">
	<tbody>
		<tr>
			<th>9h00</th>
			<td></td>
			<td></td>
			<td>yes</td>
			<td></td>
		</tr>
		<tr>
			<th>10h00</th>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<th>11h00</th>
			<td>no</td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<th>12h00</th>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<th>13h00</th>
			<td></td>
			<td></td>
			<td>4</td>
			<td></td>
		</tr>
	</tbody>
</table>

Code JavaScript :

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
$( "#maTableID > tbody > tr" ).each( function( i, item ){
	var boolVide = true;
 
	$( "td", item ).each( function( j, jtem ){
		if ( $( jtem ).text().length > 0 ){
			boolVide = false;
 
			return false; // on stop le each()
		}
	});
 
	console.log( item, boolVide );
 
	if ( boolVide ){
		$( item ).hide();
	}
});

[finalfx]

Super, j'ai compris le raisonnement de la boucle imbriquée dans la boucle, peux-tu juste m'expliquer la ligne $( "td", item ), je ne comprends pas très bien ce que représente le item dans cette expression....

[danielhagnoul]

C'est équivalent à un $( item ).find( "td" ) et ici "item" est un "tr" puisque $( "#maTableID > tbody > tr" ) est la totalité des "tr" existant dans le "tbody" de la "table" d'ID "maTableID ".

[finalfx]

Merci pour l'éclaircissement!