Is it possible to rename all the tabs in a jQuery UI tab control? My tabs are numbered from 1..N, and it is possible to remove a tab from it. I want to "rename" the remaining tabs so they are numbered 1,2,3,4,5,6, and 1,2,3,5,6,7 when you remove the fourth tab. They should end up named by their 1-based index.
+1
A:
If you're using Tabs_3, then it's very easy. Simply:
var n = 1;
$('#example > ul span').each(function() { this.innerHTML=n;n++; });
geocar
2008-12-18 13:20:39
your inner block can be this.innerHTML=n++;
Mike Scott
2008-12-18 13:24:27
Thanks, this works great. I should have realized Tabs_3 picks up changes to the underlying HTML.
Vegard Larsen
2008-12-18 13:28:49
Mike: Can it? I'm suspicious of mixing numeric operators with magic strings (like innerHTML) - do all browsers support that correctly? (I can't check now)
geocar
2008-12-18 13:30:57
Vegard: Tabs_3 simply modifies the style properties of the dom, and adds some event handlers; a quick check with Firebug showed it didn't mutate the dom at all.
geocar
2008-12-18 13:32:10