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();
})

DEMO

Answer 2

请参阅此处的文档：http://api.jquery.com/remove/和此处：http://api.jquery.com/before/

动态删除预览添加的表行

2 个答案: