javascript - 单击按钮时转到 html 页面中的下一个位置 - jquery

Question

在我的应用程序中，我正在使用 Jquery/Javascript 我想实现一项功能。

我有几个这样的div，

<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div>
<div id="div5"></div>
<div id="div6"></div>

我知道要转到该页面上的特定位置，我可以使用，

<a href="#Div4">go to div 4</a>

现在，我已经有两个按钮，它们分别转到上一个 div 和转到下一个 div。

即，

• 上一个按钮 -> 点击它会转到上一个 div
• Next 按钮 -> 单击该按钮将转到下一个 div

我如何使用这两个按钮执行此操作？

此外，我只想显示按钮指向的 div。即，如果单击下一步按钮指向 Div3，则仅应显示 Div3，而应隐藏其他 div。

执行此上一个和下一个功能的一种方法是，当我引入一个变量时，该变量将在单击下一个或上一个按钮时递增或递减，并且根据该变量的计数，我将决定指向哪个 Div。即，如果变量值为 5，那么我将指向 Div5。

任何人都知道这样做的其他方式吗？

Answer 1

您可能想使用 location.hash 属性并使用缓存的数字在该属性周围导航，因此假设您有两个按钮:“下一个”和“上一个”:

var marker = 0;

$('#next').click(function(){
  marker++;

  location.hash = "div" + marker;
});

$('#prev').click(function(){
  marker--;
  location.hash = "div" + marker;
});

显然这需要扩展，但你有基本前提。