jQuery .each不能遍历类的所有元素

Question

我正在为我的雇主使用的内容管理平台上托管的大量自定义页面开发导航解决方案。

我正在尝试构建一个函数，该函数遍历具有特定类的所有元素，读取数据存储值，然后将基于该值的外部资源加载到容器div中。

虽然该函数适用于FIRST匹配，但它会在那一点停止-在文档的其余部分中没有迭代。 该函数本身在单独的$（document）.ready（function（）块中调用，因为我在页面加载时运行了几个函数。

编辑：玩了不同的东西，下面的当前代码已经过时的代码。

使用Javascript：

 function loadNavigation() {
 $('.topLevelNav').each(function () {
 var topLevelNavIndex = $(this).data('nav-index')+1;
 var topLevelNavItem = spaceMainContent + " table tr:nth-child(" + topLevelNavIndex + ") td:nth-child(2)";
 $(this).children().first().load(topLevelNavItem);
});
}

HTML：

<div class="topLevelNav" data-nav-index="1">Main
 <div>Container</div>
<div class="subLevelNav" data-nav-index ="3">Sub<div>Container</div></div>
<div class="subLevelNav" data-nav-index ="4">Sub<div>Container</div></div>
<div class="subLevelNav" data-nav-index ="5">Sub<div>Container</div></div>
<div class="subLevelNav" data-nav-index ="6">Sub<div>Container</div></div>
<div class="subLevelNav" data-nav-index ="2">Sub<div>Container</div></div>
</div>
<div class="topLevelNav" data-nav-index ="2">Main
<div>Container</div>
<div class="subLevelNav" data-nav-index ="3">Sub<div>Container</div></div>
<div class="subLevelNav" data-nav-index ="5">Sub<div>Container</div></div>
<div class="subLevelNav" data-nav-index ="2">Sub<div>Container</div></div>
</div>
<div class="topLevelNav" data-nav-index ="3">Main
<div>Container</div>
<div class="subLevelNav" data-nav-index ="2">Sub<div>Container</div></div>
</div>

我一生都无法弄清楚为什么在首场比赛后停下来，但我也不是一个聪明人。 有什么想法吗？

Answer 1

如果要处理sublevelnavs，则选择器错误。 将其更改为

$('.topLevelNav .subLevelNav').each(function () {

如果您只想迭代顶层一级的subLevelNavs

要么

$('.subLevelNav').each(function () {

如果要遍历每个子级别的导航