Javascript 如何获取jQueryUI选项卡元素面板并设置其中一些面板的可见性？ 如何获取jQueryUI选项卡选项卡元素面板编号，并在其中一些选项卡上设置CSS样式可见性？

我想为选项卡获取元素的面板编号，并在某些选项卡上设置可见性

<div id="tabs">
<ul>
<li><a href="#">1</a>
:
<li><a href="#">10</>
</ul>
<div id="tab-contents">
<div id="tab1">some content</div>
:
<div id="tab1">some content</div>
</div>

我想为页面导航设置指定的选项卡可见，其余选项卡隐藏。另外，我不希望DOM创建或破坏选项卡上的选项卡以进行导航，需要使用CSS可见性来最小化处理时间，因为它会变得更慢

请回答关于

jQuery 1.10.2和jQuery UI 1.10.3的问题，因为他们不赞成
length
和许多其他的
jQuery UI 1.9.
更新。
这里有一个解决方案：

html:


a
b
c
d
e


javascript:

var tabs = $(document).find('.tablist .tab');
var tabsToToggle = { 0, 3, 4 }
for (var i=0;i<tabsToSet.length;i++)
{ 
   tabs.eq(i).toggle();
}

var tabs=$（document.find（'.tablist.tab'）；
var tabsToToggle={0,3,4}
对于（var i=0；i您可以这样使用：


 $(function () {
     $("#tabs").tabs();
     $('#tabs li').slice(2, 5).css('visibility', 'hidden');
 });

 $(function () {
     $("#tabs").tabs();
     $('#tabs li:nth-child(even)').css('visibility', 'hidden'); //note: even can be replaced with odd, specific number, or 3n+1 etc...
 });

或者像这样：


 $(function () {
     $("#tabs").tabs();
     $('#tabs li').slice(2, 5).css('visibility', 'hidden');
 });

 $(function () {
     $("#tabs").tabs();
     $('#tabs li:nth-child(even)').css('visibility', 'hidden'); //note: even can be replaced with odd, specific number, or 3n+1 etc...
 });

这些只是几个简单的例子，显然有很多方法可以遍历和选择。
我想为指定的选项卡设置CSS样式的可见性或显示。
。toggle
选项的显示速度可能较慢。这是
.toggle（）
的一个很好的参考意见，谢谢。
切片（）
工作正常，但版本中的
：nth:child（）
没有。谢谢