javascript - 删除自制选项卡 JQuery

Question

我有一个具有自制选项卡层次结构的网站，我目前正在尝试添加一个允许用户删除选项卡的控件。我正在使用这段代码:

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

jQFrame 指的是我要删除的选项卡(使用 killPage(getElementById(id_of_the_tab)))。不过，即使选项卡为空，它仍然会显示它:

Empty tab display

而且我仍然可以访问它!

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

<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(节点) 就足够了。