Question

how to get tab index by tab name in jquery?

i need to remove a certain tab by this command:

$(tabContainer).tabs(‘remove’, index);

the index must contain the correct order of the tab to be closed. the problem is, i’m generating the tabs programmatically so chances of having the wrong index is likely.

Answer 1

I think this is what you want (“name” is the name of your tab) :

// 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 );
    }
}