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

Go to next position in html page when clicking a button - jquery

本文关键字：下一个 位置 jquery html 按钮 单击 转到      更新时间：2023-09-26

在我的应用程序中，我使用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

。

  • 上一页按钮->点击它会跳转到上一页
  • Next Button ->点击它将进入下一个div

如何使用这两个按钮?

另外，我只想显示按钮指向的div。也就是说，如果点击下一步按钮指向Div3，那么应该只显示Div3 &其他div应该隐藏。

前面&下一个功能是，当我引入一个变量，将增加或减少当下一个或上一个按钮点击&根据该变量的计数，我将决定指向哪个Div。也就是说，如果变量值是5，那么我将指向Div5。

还有其他方法吗?

您可能想要使用位置。散列属性并使用缓存的数字导航，所以假设你有两个按钮:"next"answers"prev":

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

显然这需要进一步扩展，但是您已经有了基本的前提。

Jquery有next和prev选择器来做这个

    var currentDiv=$("#div1");
    $("#btnNext").click(function()
    {currentDiv=$(currentDiv);$(currentDiv).next().show();});
    $("#btnPrev").click(function()currentDiv=$(currentDiv);   
    {$(currentDiv).prev().show();});
相关文章：