Désactiver la fonctionnalité de lien de clic et masquer une ligne de table

Question

J'essaie d'implémenter une fonctionnalité qui, quand un lien est cliqué, la ligne correspondante de la table d'ancrage est effacée et le lien est désactivé.

Est-ce possible en utilisant jQuery?

Un exemple de l'une des lignes de la table serait: -

<tr class="bcell"> 
    <th scope="row"><a title="bla" class="addlink" id="a_205">Adrian&nbsp;Apple</a></th> 
    <td>name</td> 
    <td class="bcell"> 
     <span>0&nbsp;/&nbsp;0</span> 
    </td> 
    <td>jt 76 99 44 D</td> 
    <td>12122121212121</td> 
</tr> 

Donc, si l'ancre est cliqué, la ligne sera occulté.

Answer 1

Cet extrait sera auto-expliquer:

$(".addlink").click(function(){ 
    [..] 

    //$(this) refers to the clicked anchor 
    //With .parents("tr:first") you retrieve 
    //the desired anchor row 
    var AnchorRow = $(this).parents("tr:first"); 

    // Now you can do wathever you want: You have the anchor row (It's a JQuery Object) 
    // And the anchor link 
    [..] 
}); 

Answer 2

Vous pouvez

.show() hide(); 

ou

en utilisant .html() or .text() remplacer le contenu lui-même

ou

addClass and removeClass or add() pour ajouter css.

Quoi que vous souhaitiez.