Discussion :

[bm]

Bonjour ,

Un tableau se construit ligne par ligne .
Ensuite la suppression bloque ..

html :

Code html :

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

1
2
3
4
5
<h3>Liste des clients</h3>
<table>
<th>Nom</th><th>Prénom</th><th>Téléphone</th>
</table>
<input type=button value="Insérer une ligne" id=insert />

Jq :

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
// Ajout ligne tableau
$("#insert").bind ("click", function (){         
	var html ="";
	html += "<tr>";
	html += "<td><input type=text /></td>";
	html += "<td><input type=text /></td>";   
	html += "<td><input type=text /></td>";
	html += "<td><input type=button value=Supprimer id=remove /></td>";  
	html += "</tr>";     
	$("table").append (html);
	$("table").find("tr:last").find ("input[type=text]:first").focus();
});   
// Suppression ligne tableau
$("#remove").live ("click", function (){
	var $tr = $(this).parents ("tr");
	var id = $tr.attr ("id");
	$tr.remove ();
});

[Bovino]

Un identifiant doit être unique dans la page !
D'autre part, la fonction .live() est dépréciée et déconseillée. C'est .on() qu'il faut utiliser.

[Jodu42]

Salut,

Code :

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

html += "<td><input type=button value=Supprimer id=remove /></td>";

Mets des guillemets autour de la valeur de tes attributs.

Et n'oublie pas qu'un id est unique.

Edit : Je suis pas expert, mais une variable qui commence par $ ?

[Bovino]

je ne pense pas qu'une variable puisse être nommée avec un $ devant

Bien sûr que si.
C'est d'ailleurs parce que c'est possible que le raccourci de jQuery est $.
D'autre part, c'est une notation que l'on rencontre souvent pour permettre de différencier les variables qui correspondent à un objet jQuery (ou qui référencent un élément HTML).

Mets des guillemets autour de la valeur de tes attributs

C'est certes recommandé, mais pas obligatoire en HTML (en revanche, ça l'est en xhtml).
Bien entendu, si la valeur de l'attribut n'est pas alphanumérique, ça commence à poser problème.

[Jodu42]

Bien sûr que si.
C'est d'ailleurs parce que c'est possible que le raccourci de jQuery est $.
D'autre part, c'est une notation que l'on rencontre souvent pour permettre de différencier les variables qui correspondent à un objet jQuery (ou qui référencent un élément HTML).

Eh bien je ne savais pas, je n'ai jamais utilisé cette notation ! Comme quoi on en apprend tous les jours
Néanmoins pour le code présenté ici, je trouve que c'est un malus dans la visibilité...

C'est certes recommandé, mais pas obligatoire en HTML (en revanche, ça l'est en xhtml).
Bien entendu, si la valeur de l'attribut n'est pas alphanumérique, ça commence à poser problème.

J'ai rencontré suffisamment de problèmes avec les quotes/guillemets pour recommander leur usage autant que faire se peut.
Mais je plussoie totalement avec la notion théorique que tu donnes.

[bm]

ok - alors il faut indexer chaque bouton 'remove'

Comment réaliser cela ?

[SpaceFrog]

rien besoin d'indexer ...
il suffit de faire un remove relativement au bouton clické

http://jsfiddle.net/kf66j/