计算jquery中现有选项卡的数量?

13 jquery tabs

我正在使用动态jQuery选项卡小部件来添加/删除以编程方式生成的选项卡.

如何检查jQuery并计算窗口小部件中存在多少现有选项卡?

我正在使用此代码,但它不起作用:

$('#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>');
Run Code Online (Sandbox Code Playgroud)

小智 45

只需使用以下代码即可

$('#selector >ul >li').size();
Run Code Online (Sandbox Code Playgroud)

其中"#selector"是您用于创建选项卡的选择器.

UPDATE

size() 功能不再存在,现在的解决方案是:

$('#selector >ul >li').length;
Run Code Online (Sandbox Code Playgroud)

  • 注意,这是jQuery-UI推荐的官方解决方案. (6认同)

Rob*_*vey 21

var tabCount = $(tabContainer).tabs("length");
Run Code Online (Sandbox Code Playgroud)

  • 这不再适用于jQuery-ui 1.10.0.http://jqueryui.com/upgrade-guide/1.9/#deprecated-length-method请参阅Wolfgang的解决方案. (11认同)