刪除自制選項卡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)就足夠了。