getElementsByClassName但仅操纵我想要的那个

Question

我有多个具有相同类名的div，但我只想更改其不透明度之一，即我用鼠标或触摸进行交互的不透明度。我该怎么做？显然，以下代码更改了它们的所有属性。如果有人想看一下，完整的.js代码在这里：https://jsfiddle.net/b7y6mfv4/

var target1 = document.getElementsByClassName('beforeLabel');
var target2 = document.getElementsByClassName('afterLabel');

        for (var i=0; i<target1.length; i++) {
    target1[i].style.opacity = beforeAfter;
    target2[i].style.opacity = beforeAfter2;
}

Answer 1

根据您的小提琴，将target2[i]更改为evt.target并摆脱循环。

Target仅允许您引用作为事件目标的元素。