Javascript 在类似于页面的div之间切换

Javascript 在类似于页面的div之间切换,javascript,jquery,html,Javascript,Jquery,Html,我有几个具有增量ID的div元素(例如div0、div1、div2(我知道这是一个糟糕的做法-我正在开发一个用于Outlook日历导出的动态CSV到HTML转换器),我想使用链接到前进/后退按钮的jQuery在它们之间切换。我尝试做的如下(在无意义的伪代码中): 因为我对jQuery几乎一无所知,所以我的问题是1。实现上述示例的语法是什么(假设我在正确的轨道上),以及2。jQuery中是否有办法检查上边界,以便计数器不会增加到div数以上?如果您想知道jQuery中有多少div,请选择它们并计算

我有几个具有增量ID的div元素(例如div0、div1、div2(我知道这是一个糟糕的做法-我正在开发一个用于Outlook日历导出的动态CSV到HTML转换器),我想使用链接到前进/后退按钮的jQuery在它们之间切换。我尝试做的如下(在无意义的伪代码中):


因为我对jQuery几乎一无所知,所以我的问题是1。实现上述示例的语法是什么(假设我在正确的轨道上),以及2。jQuery中是否有办法检查上边界,以便计数器不会增加到div数以上?

如果您想知道jQuery中有多少div,请选择它们并计算选择的长度:

$('.div').length
您甚至可以使用该选项循环显示哪些div:

var $divs = $('.div');
var upperLimit = $divs.length - 1;
var index = 0;

// on arrow click
$($divs[index]).hide();
index++ (or index--, depending on the arrow)
$($divs[index]).show();

如果您想知道jQuery中有多少个div,请选择它们并计算选择的长度:

$('.div').length
您甚至可以使用该选项循环显示哪些div:

var $divs = $('.div');
var upperLimit = $divs.length - 1;
var index = 0;

// on arrow click
$($divs[index]).hide();
index++ (or index--, depending on the arrow)
$($divs[index]).show();

int
不是JavaScript中的数据类型。使用
var
。声明将是
var pos=Number(0)
。为了防止超过div数的边界,请声明一个具有div数的变量,并在隐藏和显示调用中使用
pos℅divLength
而不是
pos
。假设您的总div为4,这样您将永远不会超过
div3
。它将从
div0
迭代到
div3
。请参阅以了解如何使用显示和隐藏方法。

int
不是JavaScript中的数据类型。使用
var
。声明将是
var pos=Number(0)
。为了防止超过div数的边界,请声明一个具有div数的变量,并在隐藏和显示调用中使用
pos℅divLength
而不是
pos
。假设您的总div为4,这样您将永远不会超过
div3
。它将从
div0
迭代到
div3
。请参阅了解如何使用显示和隐藏方法。

上述代码将根据您是在数据列表的开头还是结尾禁用和启用“下一步”和“上一步”按钮。它隐藏所有元素,然后显示应显示的特定元素。


上述代码将根据您是在数据列表的开头还是结尾禁用和启用“下一步”和“上一步”按钮。它隐藏所有元素,然后显示应该显示的特定元素。

在无意义的伪代码中
-检查最大页面怎么样?否则,将其转换为javascript,您就可以使用goDo了您还没有使用React?这是我问题的一部分-我将如何检查上限?我几乎不了解jQuery,所以我不知道是否存在这样一个函数。将所有div设置为同一个类。jQuery有一些方法可以获取类中的所有元素,然后对它们进行计数和索引。这就是你如何判断你是否到达了终点。@Deep
length
不是一个函数。
在无意义的伪代码中
-检查最大页数怎么样?否则,将其转换为javascript,您就可以使用goDo了您还没有使用React?这是我问题的一部分-我将如何检查上限?我几乎不了解jQuery,所以我不知道是否存在这样一个函数。将所有div设置为同一个类。jQuery有一些方法可以获取类中的所有元素,然后对它们进行计数和索引。这就是你如何判断你是否已经到达终点。@Deep
length
不是一个函数。