如果使用javascript具有相同的名称类，如何移动正确的滑块？

Question

我的代码有问题。 我有两个同名的课程，就像我在Firefox 38中使用imacros一样，我无法使用$ symbole选择我的课程。 所以我只使用以下命令！

window.content.document.getElementsByClassName("slider-handle")[0].setAttribute('style', "left: 49.4845%;");

现在发生在我身上的问题！ 有两个具有相同名称的slider-handle类，所以有两个具有相同名称的div，并且仅选择第一个，即不正确的滑块。 两者的滑块代码相同。

<div class="slider-handle min-slider-handle round" style="left: 0%;" tabindex="0"></div>

我只是尝试更改第二个滑块的值，该滑块位于右侧，但仅移动我的左侧。 滑块页面

Answer 1

window.content.document.getElementsByClassName("slider-handle")[0].setAttribute('style', "left: 49.4845%;");

只需将[0]替换为[1]

window.content.document.getElementsByClassName("slider-handle")[1].setAttribute('style', "left: 49.4845%;");

或者只是尝试使用ID（当然！与众不同）来消除任何混乱。

Answer 2

我不确定这个答案是100％，但是；

如果您有两个班级，而Div班级的名称相同，那么据我所知，您将以第一个班级为目标。 尝试更改班级或Div的名称，使其对您所做的工作更加独特，例如

<div class = "firstSlider-Handle" ... </div>

将以上内容用于其中一个类别，将其用于第二个类别

<div class = "secondSlider-Handle ... </div>"

这些只是建议性的想法，但如果两个类和div具有相同的名称，则会产生问题