count the number of existing tabs in jquery?

Question

I'm using a dynamic jQuery tab widget to add/remove tabs generated programmatically.

How do I check through jQuery and count how many existing tabs are present in the widget?

I'm using this code, but it doesn't work:

$('#container-1 > ul').tabs('add', tabName, name);

var newTab;

if ($('#container-1 > li').size() < 0) {
    newTab = $(tabName).css('display', 'block')
} else {
    newTab = $(tabName).css('display', 'none');
}

newTab.html('<iframe src="ViewPatient.aspx?pname=' + name 
       + '" width="100%" frameborder="0" scrolling="no" height="300"></iframe>');

score 47 · Answer 1 · edited Jan 10 '17 at 09:38

47

Just use the below code

$('#selector >ul >li').size();

where "#selector" is the selector you have used to create the tabs.

UPDATE

size() function doesn't exist any more, now the solution is:

$('#selector >ul >li').length;

edited Jan 10 '17 at 09:38

Daria

861
11
29

answered Dec 21 '11 at 12:46

Wolfgang

515
1
4
2

6

Note, this is now the official solution recommended by jQuery-UI. – jcoffland Feb 09 '13 at 00:51
I'd say this is much more efficient and readable: $("selector").find(".ui-tabs-nav").children().length; where selector is the selector you have used to create the tabs.. – chesscov77 Jun 09 '15 at 15:27
1

jQuery's .size() function was [deprecated in version 1.8](http://bugs.jquery.com/ticket/10657). Use the .length property instead: `$('#selector >ul >li').length;` – JSmitty Jul 07 '15 at 21:52
@JSmitty Absolutely right, `size()` doesn't work any more – Daria Jan 10 '17 at 08:42
should be current selected answer – cycle4passion Jan 01 '18 at 19:30

score 20 · Accepted Answer · edited Nov 03 '12 at 10:55

20

var tabCount = $(tabContainer).tabs("length");

edited Nov 03 '12 at 10:55

dmnc

966
1
9
19

answered Jul 24 '09 at 01:29

Robert Harvey

178,213
47
333
501

12

This no longer works in jQuery-ui 1.10.0. http://jqueryui.com/upgrade-guide/1.9/#deprecated-length-method See Wolfgang's solution. – jcoffland Feb 09 '13 at 00:42

count the number of existing tabs in jquery?

2 Answers2

Linked