Question

Is it possible to do a tab selection based on the title of the tab? I’ve got a setup currently that has links pointing to the integer value of the tab, but would like to be able to select the tab just by the String value.

Current change function

<a href="javascript:changeTab(3)">Application</a>
function changeTab(tabID) {
    $('#tabs').tabs('select', tabID);
}

What I’d ‘like’ to be able to do

<a href="javascript:changeTab('Driver Application')">Application</a>
function changeTab(tabID) {
    $('#tabs').tabs('select', tabID);
}

I’ve found an example on SO that gets the VALUE of the text for the tab, but nothing where it uses a known value to determine the tab that is selected.

Answer 1

Try this code. The idea is to get the tab’s ID based on its contents and then use the existing tabs API to select it.

<a href="javascript:changeTab('Driver Application')">Application</a>
function changeTab(tabContents) {
    $('#tabs').tabs('select', $(".ui-tabs-nav a:contains(tabContents)").attr("href"));
}