删除自制选项卡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只会清除其内容的节点。您还需要从DOM中获取节点jQuery.remove。

使用jQuery的remove方法将执行与empty相同的清理操作，因此不需要调用这两个函数，只需致电jQuery.remove(node)就足够了。