为什么jQuery无法删除这个元素？

Question

我有这样一张桌子:

<table id='inventory_table'>
  <tr id='no_items_avail'>
    <td>
      There are no items in the database.
    </td>
   </tr>
</table>

我想用这样的jQuery摆脱它:

$('#inventory_table tbody tr#no_items_avail').remove();

但它似乎根本不起作用.我究竟做错了什么？

编辑:另外,上面的行最初是通过另一个jQuery调用插入到DOM中的:

$('#inventory_table tbody').append("<tr id='no_items_avail'.......

如果这有帮助.并且,运行:

alert($('#no_items_avail').text());

产量"数据库中没有项目." 正如所料.

Answer 1

您假设tbody在DOM中可用.tbody如果表不存在,只有少数浏览器添加到表中.尝试

$('#inventory_table tr#no_items_avail').remove();

甚至更好

$('#no_items_avail').remove();

(因为ID无论如何都必须是唯一的).