jquery - 在添加另一个 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);