ligne à l'aide jquery

Question

quelque chose je mets en œuvre comme ce

- person grid - 
name  address  action 
a   ax   edit 
b   bx   edit 

- form edit - 
id   : 
name  : 
address : 
<submit edit> 

modifier d'action est un lien, supposé la balise d'ancrage est: <a href="http://localhost/person/edit/1"> pendant que je clique sur le lien d'édition. Les informations personnelles s'affichent dans l'identifiant, le nom et le texte de l'adresse. supposé, le nom d'entrée en entrée. txt_id, txt_name, txt_address.

ma mise en œuvre est:

$("a").click(function(event) { 
    $.parrent = $(this).parent().parent(); 
    $.id = ... //get id 
    $.name = ...//get name 
    $.address = ...//get address 

    ${"txt_id"}.val($.id); 
    ${"txt_address"}.val($.address); 
    ${"txt_name"}.val($.name); 
    return false; 
}); 

Je ne sais pas comment implémenter obtenir id, obtenir le nom, l'adresse se après que je reçois le Parrent. Y a-t-il une suggestion? ou y a-t-il une autre solution?

Edit 

Et lorsque vous cliquez sur Soumettre l'édition, le nouveau nom et l'adresse s'affichent dans la ligne en cours d'édition.

Answer 1

Cela devrait faire ce que vous recherchez:

$("a").click(function(e) { 
    var $td  = $(this).closest('tr').children('td'), 
     $id  = parseInt($(this).attr('href').replace('http://localhost/person/edit/',''), 10), 
     $name = $td.eq(0).text(), 
     $address = $td.eq(1).text(); 

    $("#txt_id").val($id); 
    $("#txt_address").val($address); 
    $("#txt_name").val($name); 

    e.preventDefault(); 
}); 

Answer 2

Utilisez jquery td: nth-child (n) pour obtenir la valeur de chaque cellule td. Voir une question similaire How to get a table cell value using jquery?