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＆amp;去下一个div。

即，

上一个按钮 - ＆gt;点击它将转到上一个div
下一个按钮 - ＆gt;点击它将转到下一个div

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

另外，我只想显示按钮指向的div。即，如果点击下一个按钮指向Div3，那么只显示Div3＆amp;其他div应该被隐藏。

这种做法的一种方式＆amp;下一个功能是当我引入一个变量时，当下一个或上一个按钮被点击时，该变量将递增或递减。根据该变量的数量，我将决定哪个Div指向。即，如果变量值为5，那么我将指向Div5。

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

Answer 1

你可能想使用location.hash属性并使用缓存的数字导航它，所以假设你有两个按钮：＆＃34; next＆＃34;和＆＃34; prev＆＃34;：

var marker = 0;

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

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

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

显然这种需求得到了扩展，但你有基本的前提。

Answer 2

Jquery有next和prev选择器来执行此操作

    var currentDiv=$("#div1");

    $("#btnNext").click(function()
    {currentDiv=$(currentDiv);$(currentDiv).next().show();});

    $("#btnPrev").click(function()currentDiv=$(currentDiv);   
    {$(currentDiv).prev().show();});

注意currentDiv应该是一个全局变量。

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

2 个答案: