javascript - 如何动态选择 previous sibling 元素

Question

我对非标准解决方案的实现有疑问。所以我的 HTML:

<a href="#6" id="page-link-6">6</a>
<a href="#7" id="page-link-7" class="active">7</a>
<a href="#8" id="page-link-8">8</a>

还有我可怜无能的 js:

$(window).scroll(function() {   
   if($(window).scrollTop() + $(window).height() > $(document).height() - 0) {
        $("#page-link-6").addClass("active" );
   }
});

我已选择(事件)链接。当用户滚动到文档顶部时，我需要将相同的(事件的)类添加到 previus 链接。这个例子有事件的#page-link-7。 Previus 是 6。因此，当用户滚动到顶部时，将为 #page-link-6 添加类“active”。但是如果当前事件页面链接是 9，我怎样才能动态地转到 8？我希望有人能在这里帮助我。谢谢。

Answer 1

找到当前事件的元素，然后使用 jQuerys .prev() 方法找到“上一个”链接。类似的东西

$('.active').prev().addClass("active" );