Отключить функцию щелчка по ссылке и замаскировать строку таблицы

Question

Я пытаюсь реализовать функциональность, при которой при щелчке ссылки соответствующая строка таблицы привязок эффективно удаляется, а ссылка отключается.

Возможно ли это с помощью jQuery?

Примером одной из строк таблицы будет: -

<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>

Таким образом, если щелкнуть привязку, строка будет удалена.

Answer 1

Этот фрагмент будет самоочевидным:

$(".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

Вы можете попробовать

.show() hide();

или

, используя .html() or .text() заменить само содержимое

или

addClass and removeClass or add() для добавления CSS

Что бы вы ни пожелали.