使用JavaScript将具有特定类的元素的Id添加到多维数组中

Question

我正在开发一个滑块插件。我想在一个页面上支持多个滑块。我首先必须在页面上找到滑块的id，然后我必须将滑块的活动滑块存储在一个数组中。

这是html的一个例子：

<div class="slider" id="slider1">...</div>
<div class="slider" id="slider2">...</div>
<div class="slider" id="slider3">...</div>

如果有人加载页面，则应创建一个如下所示的数组：

var sliders = [
  ['slider1','1'],
  ['slider2','1'],
  ['slider3','1']
];

如果按下滑块上的右箭头。我在滑块数组

中为滑块添加一个滑块

例如，如果滑块3显示幻灯片3，则数组应为：

var sliders = [
  ['slider1','1'],
  ['slider2','1'],
  ['slider3','3']
];

我对jquery或JavaScript解决方案持开放态度。我无法弄清楚这是如何工作的。我希望有人可以帮助我。

所以我的问题是：当页面加载了所有滑块及其显示的幻灯片时，我如何让Javascript创建一个数组。

这是一个jsfiddle：

https://jsfiddle.net/a7c7opnz/1/

谢谢，

Answer 1

使用jQuery，您可以轻松获取所有滑块并使用for循环来创建阵列。在for循环中，您可以使用javascript（http://www.w3schools.com/jsref/jsref_push.asp）

中的push方法

mytable(col2)

不确定这是否有效，没有测试过。但你应该明白这个想法..