afficher/cacher des élements selon plusieurs critères

**N3jidev** · 04/11/2010, 12h11

Bonjour à tous,

voila mon problème :

J'ai un gros tableau html qui me permet de classer mes tests statistiques en fonction de mes variable, en gros j'ai 3 lignes et 3 colonnes et ds chaque cellule une petite liste (<ul><li>) de test.
Chaque test a 3 propriétés que je n'ai pas pris en compte (1 : il est paramétrique ou non, 2 : il s'applique pour des données indep ou appariées, 3 : pour des gros, petits échantillons).
Je voudrais mettre des boutons radios qui permettent de switcher sur ces caractéristiques en affichant/cachant les tests qui remplissent/ne remplissent pas mes propriétés.
Si j'avais qu'une seule propriété, j'aurais fait une classe sr mes li et j'aurais afficher / cacher la classe en css
Exemple :

Code :

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

1
2
3
 
<li class="nonparam">Test de Fisher</li>
<li class="param">Test du Chi2</li>

Code :

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

1
2
3
4
 
$('button').click(function() {
$('.nonparam').hide();
});

mais la j'en 3 catégories donc je ne vois pas trop comment faire.

Quelqu'un a une idée ?

Merci à l'avance.

**SpaceFrog** · 04/11/2010, 13h10

en passant par les enfants ...

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
   $(function(){
   		$('.parents').click(function(){ $(this).children('li').hide()})
   						})
 
</script>
</head>
<body>
 
<ul class="parents">
	<li class="enfant">enfant</li>
	<li class="enfant">enfant</li>
	<li class="enfant">enfant</li>
</ul>	
<ul class="parents">
	<li class="enfant">enfant</li>
	<li class="enfant">enfant</li>
	<li class="enfant">enfant</li>
</ul>	
<ul class="parents">
	<li class="enfant">enfant</li>
	<li class="enfant">enfant</li>
	<li class="enfant">enfant</li>
</ul>

afficher/cacher des élements selon plusieurs critères

jQuery

Discussions similaires

Partager

Partager