jQuery如何删除动态附加的行？

Question

如果我将行追加到表中，如下所示：

 $('#tbody_upload').append('<tr id="' + data.originalFiles[counter].name + '"><td>' + 'Uploading...' + '</td><td></td><td></td><td></td></tr>');

如何将其从另一个事件中删除？

$('#' + this.name).remove();

该功能不起作用，附加的项也不会出现在页面源中。

Answer 1

如果要删除触发事件被删除的元素（如this.name所示），则只需执行

$（this）.remove（）;

Answer 2

也许您应该命名表，然后使用选择器选择主体，然后先擦除它，然后追加数据，以便每次获取新数据时，该表都会删除旧数据并放入新数据。

<table id="yourtableName" border="1" class="hoverTable">
<thead>

</thead>
<tbody>
</tbody>
</table>

var gridBody =您的tr代码；

$('#yourtableName tbody').empty().append(gridBody);