上/下一个循环通过列表，其中li类是活动的

Question

我正试图通过列表与上一个/下一个按钮循环。这是目前按照下面的代码工作，然而，在我的应用程序中，一些列表项被设置为隐藏，除非它们有一个由用户选择定义的active类。

因此，我只需要next按钮将相关的活动类应用于下一个最近的li，该li也被设置为活动，因为这些选项卡在被设置为活动之前不应该是可访问的。

如果有任何帮助，我将不胜感激。

$(".next").on("click", function () {
// Current selected vars
let currentActive = $("li.selected");
let currentArea = $(".area.selected");
// Remove selected from current
currentActive.removeClass("selected");
currentArea.removeClass("selected");
// Add selected to next
if (currentActive.is(":last-child")) {
$(".tabs li").first().addClass("selected");
$(".area").first().addClass("selected");
} else {
currentActive.next().addClass("selected");
currentArea.next().addClass("selected");
}});

Answer 1

我现在用nextAll()解决了这个问题，然后用first()选择第一个。