Discussion :

[bloups0]

Bonjour,

Sur mon projet, je dois gérer un tableau HTML dynamique qui peut avoir plusieurs (0/1000) éléments dans celui ci.
Voilà un exemple HTML :

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
<div class="ListeLicence">
	<table class="table table-striped">
	        <tbody><tr id="0">
	            <th>Logiciel</th>
	            <th>Licence</th>
	            <th>Quantité</th>
	            <th>Prix total</th>
	            <th>Autre</th>
	        </tr>
	    	<tr id="1" qt="10">
	    		<td>Skype</td>
	    		<td>1 mois</td>
	    		<td>10</td>
	    		<td>800€</td>
	    		<td> <i id="1" class="glyphicon glyphicon-trash deleteSoft"></i></td>
	    	</tr>
	    	<tr id="1" qt="10">
	    		<td>Skype</td>
	    		<td>1 mois</td>
	    		<td>10</td>
	    		<td>800€</td>
	    		<td> <i id="1" class="glyphicon glyphicon-trash deleteSoft"></i></td>
	    	</tr>
	    	<tr id="1" qt="10">
	    		<td>Skype</td>
	    		<td>1 mois</td>
	    		<td>10</td>
	    		<td>800€</td>
	    		<td> <i id="1" class="glyphicon glyphicon-trash deleteSoft"></i></td>
	    	</tr>
	    </tbody>
	</table>
        <button type="button" class='btn btn-success btn-add-li'>Ajouter</button>
</div>

Et donc, à l'aide d'un each, je parcoure mes éléments :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
$('.btn-add-li').click(function(){
   var dispo = new Array();
   var qt = new Array();
   f = 0;
   id = $('.table').attr('user-id');
   $('.table-striped tbody tr').each(function() {
        if($(this).attr('id') != 0){
        	dispo.push($(this).attr('id'));
        }
   });
   console.log(dispo);
   console.log('ici');
});

Et je ne comprend pas, voilà le résultat de mon console.log :

http://hpics.li/b7c540a

En gros, j'exécute une fois au clique, je me retrouve avec la fonction exécuté trois fois,trois tableau de mes trois éléments, plus j'ai d'éléments, plus ma fonction est exécuté, 20 éléments dans mon tableau HTML, au clique sur mon bouton, j'ai 20 tableau de 20 éléments chacun dans ma console...

Si quelqu'un a une explication, car la, je ne comprend pas.

Merci d'avance.

[NoSmoking]

Bonjour,
à prioiri aucune raison que cela fasse plusieurs fois la boucle ...

On notera quand même plusieurs choses qui cloche dans ton code

• Une ID DOIT être UNIQUE, ce qui n'est pas le cas
• id = $('.table').attr('user-id') aucun attribut user-id n'est disponible

[bloups0]

Pour l'id unique, il faut que je modifie deux trois trucs, mais tant que je n'ai pas trouvé pourquoi la fonction s'exécute autant de fois qu'il y a d'élément dans mon tableau HTML (cela me le fais même si j'ai des id uniques dans mon tableau).

Pour mon user-id, il est plus haut dans mon code.

EDIT : Je viens de supprimer tout le reste de ma page, au cas ou il y aurait un souci, rien n'y fais, ma fonction s'exécute toujours autant de fois... Je ne comprend absolument pas.

[Toufik83]

tu es sûr que la fonction qui déclenche le clique n'est pas dans une boucle ?
a tu essayé

Code :

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

 $(this).prev(".table-striped").find('tr').each()

au lieu de

Code :

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

 $('.table-striped tbody tr').each()

?

[bloups0]

Bonjour,

Je viens de tester, toujours le même souci avec ton code.

Pour ce qui est du bouton, comme tu peux voir, je t'ai fournis tout le code d'ajout, donc non, je ne clique absolument pas ou n'appelle pas la fonction autant de fois que j'ai de <tr> dans mon tableau.

[Toufik83]

tu peux nous copier TOUT le fichier javascript?, juste pour s'assurer que tu as initialiser correctement la fonction qui déclenche le clique.