jquery - 是否可以使用 jquery 导航嵌套在单独 div 中的 ul？

Question

由于网格原因，我正在尝试在嵌套在单独 div 中的 ul 之间进行键盘导航。可能吗？我只在同一个 div 容器中使用 ul 成功。

<div class="four columns">
<ul class="project">
<li></li>
<li></li>
<li></li>
</ul>
</div>

<div class="four columns">
<ul class="project">
<li></li>
<li></li>
<li></li>
</ul>
</div>

Answer 1

如果标记正是您所拥有的 postet，您可以使用以下命令导航到下一个 ul：

$(this).closest("div").next().find("ul.project")

并与之前的 ul一起使用：

$(this).closest("div").prev().find("ul.project")

总是假设那this是你当前的ul.

而且您可能想要替换div为div.four或者div.columns如果您只想使用特定类检查 div 中的 uls。

Answer 2

一种选择，基于你正在做什么

$(this).closest("div").next().find("ul")