Javascript 如何限制找到的项目数

我在浩瀚和重新分配中找到了一个标签脚本，以满足我的需要。但是我遇到了一个事实，我有嵌套的标签。因此，当您单击父选项卡时，子选项卡也将关闭。我决定通过计算选项卡的数量并只显示这些元素来进行操作。在可变长度中，我找到了数字，但我不知道如何将选项卡的数量限制为该长度。帮助提供建议，或建议我如何使用嵌套选项卡解决问题

函数makeTabs（）{
//不在此工作。显示第一个选项卡
var arr=$（“.tab内容”）；
$。每个（arr，函数（索引，值）{
console.log（值）
$（值）.children（）.hide（）；
$（值）.同级（'.tabs title'）.children（）.first（）.attr（“id”，“current”）；
$（值）.children（）.first（）.fadeIn（）；
})
}
$（'.tabs标题a'）。单击（函数（e）{
e、 预防默认值（）；
让length=$（this）.closest（'.tabs title'）.children（）.length，
tab=$（this）.最近（'.tabs title'）。同级（'.tab content'）。查找（'.tab'）；
tab.hide（）；
$（this）.closest（'.tabs title'）。children（'li'）.attr（'id'，'）；//СббСid
$（this.parent（）.attr（“id”，“current”）；
$（'#'+$（this.attr（'title'））.fadeIn（）；
});
.tabs标题{
溢出：隐藏；
宽度：100%；
保证金：0；
填充：0；
列表样式：无；
}
.标签标题李{
浮动：左；
利润率：0.5em0；
}
.选项卡标题a{
盒影：2px0px3pxRGBA（0,0,0,5）；
边框右上角半径：15px；
位置：相对位置；
背景：ddd；
背景图像：线性渐变（至底部，#fff，#ddd）；
填充物：7em 1.5em；
浮动：左；
文字装饰：无；
颜色：#000；
文本阴影：0 1px 0 rgba（255、255、255、.8）；
/*盒影：02px2pRGBA（0,0,0,4）*/
}
.选项卡标题a：悬停，
.tabs标题a:悬停：：之后，
.选项卡标题a：焦点，
.tabs标题a：焦点：：之后{
背景：#fff；
}
.选项卡标题a：焦点{
大纲：0；
}
.tabs标题#当前a，
.tabs标题#当前a:：之后{
背景：#fff；
z指数：3；
}
.选项卡内容{
填充顶部：30px；
背景：#fff；
位置：相对位置；
z指数：2；
-moz边界半径：0 5px 5px 5px；
-webkit边界半径：0 5px 5px 5px；
边界半径：0 5px 5px 5px；
-moz盒阴影：0-2px3px-2pxrgba（0,0,0,5）；
-webkit盒阴影：0-2px3px-2pxRGBA（0,0,0,5）；
盒影：0-2px3px-2pxRGBA（0,0,0,5）；
}






一些代码
一些代码







一些代码
一些代码
一些代码
一些代码
一些代码
我给你写了一个片段。请添加CSS使其成为一个我为您制作的片段。请添加CSS使其成为一个