在添加另一个 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 时，如果我之前单击编辑链接而打开了任何编辑页面，则该页面应该被关闭。

现在，我一直在尝试获取各个选项卡属性来检查标题是否为 Edit ，但一直无法做到这一点。任何有关如何删除现有编辑页面选项卡的帮助都会非常有帮助。

Answer 1

您可以尝试这个选择器，

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

即删除“选项卡”div 中标题为“编辑”的列表项。

Answer 2

如果您需要删除一个选项卡并知道该选项卡的索引，您所要做的就是..

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