如何在jquery中通过选项卡名称获取选项卡索引？

Question

如何在jquery中通过选项卡名称获取选项卡索引？

我需要通过此命令删除某个选项卡：

$(tabContainer).tabs('remove', index);

索引必须包含要关闭的选项卡的正确顺序。问题是，我正在以编程方式生成选项卡，因此很可能有错误的索引。

Answer 1

我认为这就是您想要的（“名称”是您的选项卡的名称）：

// close tab with a given name
function removeTab(name) {

    var tab = $('#tabs a').filter(function(){
        return $(this).text() == name;
    }).parent();

    var index = $( "li", $tabs ).index(tab);
    if (index>=0) {
        $tabs.tabs( "remove", index );
    }
}

Answer 2

您可能需要提供 HTML 和 HTML 的示例。 JS/jQuery 但这是我认为你需要的。

$('ul li a').live('click', function(){ 
    var index = $(this).parent().index($(this).parent());
    alert(index); 
});

Answer 3

我最终所做的只是循环遍历列表元素并查找文本。可能不是最有效的方法，但它有效：

var i = 0;
$('#yayTabs ul li').each(function() {
    if($(this).children().text() === "TabText") {
        $('#yayTabs').tabs("remove", i);
        return false; //break out of $.each loop;
    }
    i++;
});