使用 JavaScript 将具有特定类的元素的 ID 添加到多维数组答案

【问题标题】：add the Id of elements with a specific class to an multidimensional array with JavaScript使用 JavaScript 将具有特定类的元素的 ID 添加到多维数组
【发布时间】：2015-06-01 12:38:43
【问题描述】：

我正在开发一个滑块插件。我希望在一页上支持多个滑块。我首先必须在页面上找到滑块的 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']
];

如果按下例如滑块上的右箭头。我向滑块数组中的那个 id 添加一个滑块

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

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

我愿意接受 jquery 或 JavaScript 解决方案。我无法弄清楚这将如何工作。我希望有人可以帮助我。

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

这是一个 jsfiddle：

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

谢谢，

【问题讨论】：

你的幻灯片看起来怎么样？？？ class="slide"?你怎么知道哪张幻灯片是活动的？等等......这是完全不完整的问题，提供简约代码来复制您的问题

标签： javascript jquery html multidimensional-array slider

【解决方案1】：

使用 jQuery，您可以轻松抓取所有滑块并使用 for 循环创建数组。在 for 循环中，您可以使用 javascript (http://www.w3schools.com/jsref/jsref_push.asp) 中的 push 方法

var singleSlider;
var arraySliders;
var activeSlide;
var sliders = $('.slider');

for(var i = 0; i < sliders.length; i++){
activeslide = YOUR ACTIVE SLIDE CODE;
 singleSlider = [sliders[i].attr('id'), activeSlide];
 arraySliders.push(singleSlider);
}

不确定这是否可行，没有对此进行测试。但你应该明白..

【讨论】：