Boutons d'édition dans un tableau de taille variable (dynamique)

[gavelin]

Bonjour !

Je débute dans jQuery, et cherche à faire un truc un peu "tricky", mais je sais pas si c'est possible avec jQuery.

Voici en gros le synopsis :
J'ai un bouton qui sert a ajouter des lignes dans un tableau (ce bouton ajoute une ligne dans un tableau JS qui sera transformé en table HTML).

Chaque ligne représente un "enregistrement" (par ex, un "livre").

Je voudrais que sur chaque ligne on ait des boutons d'édition ("modifier le livre", "supprimer" le livre).

Donc, en gros, à chaque fois que je créé une ligne de tableau (via jQuery, en dynamique), je veux créér deux boutons (élément html de type "button") et les callbacks associés permettant d'édition la ligne en question.

Je ne sais pas comment faire pour dire au callback du click sur le bouton d'édition de la n-ème ligne que ce bouton correspond à la ligne n !

Code :

1
2
3
4
5
 
//attachement des fonction aux boutons créés..
    $("#editLivre_"+i).click(function(){
       //comment savoir ici qu'on est sur la ligne 3 ??
    });

Mais je n'ai aucune idée de comment m'y prendre !!
Avez vous des idées ?

[Finality]

Salut,

je vais parler de ce que je fais dans mon cas, il y a peut être mieux, donc à toi de voir.

Pour ma part, je stock l'id de ma ligne dans l'attribut rel de mon lien ce qui donnerait :

Code :

1
2
 
<a href="" id="editLivre_5" rel="5">Blabla</a>

Ainsi en JQuery, il me suffit de faire :

Code :

1
2
3
4
 
$("#editLivre_"+i).click(function(){
       var id = $(this).attr("rel");
});

Attention, l'attribut rel n'est pas explicitement conçu pour cet effet. C'est pourquoi tu peux regarder du côté des attributs data d'HTML 5.

Bon courage !
Finality

[danielhagnoul]

Bonsoir

Code :

1
2
3
4
// @Finality nul besoin d'un attribut data HTML5
$("#editLivre_"+i).click(function(){
	var n = this.id.slice(10); // 10 le nb de char dans "editLivre_"
});

[Finality]

@danielhagnoul : Je suis d'accord avec toi, dans ce cas là l'utilisation de l'attribut est un surplus, l'id comportant l'information.

Mais je trouvais bon de signaler cette possibilité, qui peut dans certains cas s'imposer comme nécessaire