jquery - 动态删除预览添加的表格行

Question

我有一个只有几行的表，我在每一行中添加了 onclick Eventhanlder，它创建了一个新的 TR 作为下一个元素：

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

这工作正常。

但是我想通过单击下一个 TR（在本例中是第三个 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/