Ne pas afficher tr d'un tableau dont les cellules sont vides

Version imprimable

20/12/2013, 18h35
finalfx

Ne pas afficher tr d'un tableau dont les cellules sont vides
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:

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!

Bonsoir

Exemple :

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

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();
	}
});

21/12/2013, 00h12
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....
21/12/2013, 00h22
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 ".
21/12/2013, 16h47
finalfx

Merci pour l'éclaircissement!