2010-01-12 3 views
1

J'ai une table avec tr contenant 10 éléments td. Les tr sont générés dynamiquement. Pour exemplejquery Identifiant de la balise tr générée dynamiquement

<tr id = "<?php echo $count; ?>" > 

<td>name </td> 
<td>info </td> 
... 
... 
<td><a href="delete.php">delete</a></td> 

</tr> 

Ce que je veux faire est quand je clique sur le lien de suppression, à l'aide aller ajax pour supprimer la page faire le nécessaire et sans rafraîchir la page supprimer la ligne.

Mon problème est de savoir comment obtenir l'ID dans jquery? ou est-ce qu'il y a un autre moyen que je pourrais travailler mais je souhaite utiliser jquery pour ce but particulier. Merci

Répondre

9

Vous pouvez le faire:

$("a[href='delete.php']").click(function(e){ 
    var tr = $(this).closest('tr'), 
     id = tr[0].id; 

    // Put your AJAX call here 
    $.post('/delete/' + id, function(){ 
     // Animate up, then remove 
     tr.slideUp(500, function(){ 
      tr.remove(); 
     }); 
    }); 

}); 

closest() parcourt l'arbre DOM à la recherche d'un ancêtre qui correspond au sélecteur. Dans ce cas, nous cherchions le premier tr. J'aurais pu aussi utiliser parent() et obtenir le même résultat.

+0

Il y a beaucoup de façons de mettre en œuvre, je suis d'accord que 'plus proche' est vraiment soigné et direct au point. +1 –

+1

Wow, merci une tonne monsieur, implémentera cela. – noobcode

+0

Ok, j'ai un problème. mon lien est comme delete.php? id = Comment puis-je résoudre ce problème? – noobcode

Questions connexes