在添加另一个JQueryUI选项卡之前需要删除JQueryUI选项卡

Question

我有一个jquery ui问题如下：

$("a[rel=#edit]").live("click", function(e) {
    var $tabs = $('#tabs').tabs();
    var selected = $tabs.tabs('option', 'selected');//gives the currently selected tab
    var tablength   = $tabs.tabs('length');//gives the tab length

    alert('tab length : '+tablength);
    // need to remove any edit page tabs if open as only one edit page need to be open. 

    $("#tabs").tabs("add",$(this).attr('href'),"Edit");

    return false;
});

当我单击编辑链接时，此代码的作用是向当前选项卡集添加新选项卡。新页面是一个标题为Edit的编辑页面。

我希望每当我点击编辑时，如果我之前点击编辑链接时有任何已打开的编辑页面，它就会被关闭。

现在，我一直在尝试获取单独的标签属性，以检查标题是否为“编辑”，但无法执行此操作。有关如何删除现有编辑页面选项卡的任何帮助都将非常有用。

Answer 1

您可以尝试此选择器

$("#tabs ul li:contains('Edit')").remove();

即。删除“tabs”div中标题为“Edit”的列表项。

Answer 2

如果您需要删除标签并知道标签的索引，您只需要...

$("#tabs").tabs( "remove" , index);