jquery - プレビューで追加されたテーブル行を動的に削除する

Question

行数の少ないテーブルがあり、各行に次の要素として新しい TR を作成する onclick Eventthanlder を追加しています。

$(this).after('<tr><td></td><td colspan="8">' 
                       + $(this)
                       .find('td:eq(1)')
                       .text() + '</td></tr>');

これはうまくいきます。

しかし、次の TR (この場合は 3 番目の TR) をクリックして、作成したばかりの TR を削除したいと思います。

次のようなものが必要です: $(this).before('tr').remove() ;-)

お願いします。ヘルプ？

乾杯アミン

Answer 1

このような何かがうまくいくはずです

$(this).prev().remove();

HTML

<table>
    <tr>
        <td>Hello 1</td>
    </tr>
    <tr>
        <td>Hello 2</td>
    </tr>
    <tr>
        <td>Hello 3</td>
    </tr>    
</table>

JS

$('tr').on('click', function(){
    $(this).prev().remove();
})

デモ

Answer 2

こちらのドキュメントを参照してください: http://api.jquery.com/remove/およびこちら: http://api.jquery.com/before/