Bonsoir à tous,

Je dois pour un projet (ou plutot une simulation de projet) afficher un panier avec une option supprimer du panier.

Le panier est une table, chaque ligne est un TR possédant un ID ex:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
                    <tr height="50" id="supp">
                    	<td width="300" align="left">
                        	<img src="medias/images/.jpg" />
                            <span>article 1</span>
                        </td>
                        <td width="100" align="center">...</td>
                        <td width="100" align="center">...</td>
                        <td width="100" align="center">10.80€</td>
                        <td width="100" align="center">1</td>
                        <td width="100" align="center">10.80€</td>
                        <td width="80" align="center"><a href="" class="bt_suppr" id="bt_suppr" >- Supprimer</a></td>
                    </tr>
pour supprimer la ligne j'avais pensé faire :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
$('#bt_suppr').click(function(event){
	event.preventDefault();
	$('#supp').remove();
});
Cela fonctionne bien comme je le souhaite, maintenant en supposant que j'ai trois articles dans mon panier il me suffit de dupliquer mon JS et de l'instancier ex:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
$('#bt_suppr').click(function(event){
	event.preventDefault();
	$('#supp').remove();
});
 
 
$('#bt_suppr1').click(function(event){
	event.preventDefault();
	$('#supp1').remove();
});
C'est vraiment pas classe je sais mais c'est juste de la maquette.

Maintenant je bloque sur le fait si par exemple j'ai supprimer les deux articles de mon panier afficher un message panier vide. Pour cela je pensais tester si #supp et #supp1 existe pas afficher un truc.

Pour cela je voulais faire un test du style :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
               if ((document.getElementById("supp")) && (document.getElementById("supp1"))) {
			   alert('existe');
			   }
			   else
			   {
			   alert('vide');
			   }
Mais biensur si je poste ce message c est que cela ne marche pas !

Une idée, merci d'avance