循环到下一个标签，如果当前选项卡是空的 - jQuery UI的标签

Question

我使用的标签从jQuery UI的。

页面加载时，如果第一个选项卡是空的，我想第二个选项卡即可选择。如果第二个选项卡是空的，那么第三个选项卡被选中等

这是我和它的工作原理，但有一个更清洁/更好的方式来做到这一点？

$('#tabs').tabs({ selected: 0 }); 
var fullTab = 0; 
if ($('#tab0 > .no-results').length != 0) 
{ 
    $('#tabs').tabs({ selected: 1 }); 
} else { 
fullTab = 1; 
} 

if ($('#tab1 > .no-results').length != 0 && fullTab == 0) 
{ 
    $('#tabs').tabs({ selected: 2 }); 
} else { 
fullTab = 1; 
} 

if ($('#tab2 > .no-results').length != 0 && fullTab == 0) 
{ 
    $('#tabs').tabs({ selected: 3 }); 
} else { 
fullTab = 1; 
} 

if ($('#tab3 > .no-results').length != 0 && fullTab == 0) 
{ 
    $('#tabs').tabs({ selected: 0 }); 
} else { 
fullTab = 1; 
} 

Answer 1

简单的循环。

$('#tabs').tabs({ selected: 0 }); 
var fullTab = 0; 
var maxTab = 3; 
for(i=0;i<=maxTab;i++){ 
    if ($('#tab' + i + ' > .no-results').length != 0) 
    { 
     $('#tabs').tabs({ selected: (i==maxTab)?0:i+1 }); 
    } else { 
    fullTab = 1; 
    } 
}