我的HTML代码中有一个看起来像这样的结构。
<nav id="nav">
<ul>
<li>Li 1</li>
<li>Li 2</li>
<li>Li 3</li>
</ul>
</nav>
要遍历我正在使用的列表JavaScript和jQuery插件。该代码看起来像这样。
for(i = 1; i <= navSide.children("ul").children("li").length; i++) {
console.log(navSide.children("ul").children("li:nth-child(i)").offset().top);
}
但是，这样做的问题是我得到了Uncaught Error: Syntax error, unrecognized expression: :nth-child。什么是我要做的正确，最有效的方法？
您可以使用each()循环
$('#nav li').each(function() {
console.log($(this).offset().top);
})<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<nav id="nav">
<ul>
<li>Li 1</li>
<li>Li 2</li>
<li>Li 3</li>
</ul>
</nav>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句