【jQuery】リストから1行を削除する

確認画面でのテーブル表示とかでよくやるやつ。

氏名	メールアドレス	申し込み内容	取消
テスト太郎	test@gmail.com	焼き肉	取消
テスト次郎	test2@gmail.com	すき焼き	取消

こんな感じのテーブルがあったとき、「取消」をクリックでその1行（tr）を消す方法。

aタグにonClickでちょっと処理を入れたらできちゃいます。

<td><%= link_to "取消", 'javascript:void(0);', onClick: "$(this).closest('tr').remove()" %></td>

※リンクなのでjavascript:void(0);を使ってリンクを動かなくしています

これで1行（tr）が削除される。

氏名	メールアドレス	申し込み内容	取消
テスト太郎	test@gmail.com	焼き肉	取消