删除自制选项卡JQuery

Question

我有一个拥有自制标签层次结构的网站，我目前正在尝试添加一个允许用户删除标签的控件。我正在使用此代码：

function killPage(jQFrame){
  $(jQFrame).empty();
}

jQFrame指的是我要删除的标签（使用killPage(getElementById(id_of_the_tab))）。 虽然，即使选项卡为空，它仍会显示它：

Empty tab display

我仍然可以访问它！

这是html调用killPage()的副本：

<div class="article-header">Accueil MySILOG <img class="loading" alt="loading" title="loading" src="<?php echo HTTP_IMG_PATH ?>load.gif"/>
    <a align="right" class="close" onclick="killPage(getElementById('<?php echo $uuid ?>'))"></a>
</div>

$uuid =标签的ID

Tab zoomed in to see the close button

Answer 1

jQuery.empty只会清除其内容的节点。您还需要jQuery.remove来自DOM的节点。

使用jQuery的remove方法将执行与empty相同的清理工作，因此无需调用这两个函数，只需调用jQuery.remove(node)即可。