仅在javascript中为悬停时的每个单独div添加类

我正在尝试将类

.active

添加到嵌套在父div下的hover上的每个

div

。我编写了一种非常复杂的方法来添加类，但问题是它将它添加到我所有的div中，而不是正在被悬停的div中

以下是JS：

var carouselItems = document.getElementsByClassName("carouselItem")

for (var i = 0; i < carouselItems.length; i++) {
    if (carouselItems.length) {
        carouselItems[i].addEventListener("mouseover", function makeActive() {
            for (var j = 0; j < carouselItems.length; ++j) {
                carouselItems[j].classList.add("active")
            }
        }, true)
    }
}

var carouselItems=document.getElementsByClassName（“carouselItem”）
对于（变量i=0；i

---

我有四个嵌套的div，它将类“active”添加到每个div中，而不管您将鼠标悬停在哪个div上。我不知道如何解决这个问题。任何指导都将不胜感激

没有HTML示例可供参考有点令人困惑，但无论如何：您熟悉

this

关键字吗？

this.classList.add（“active”）

Ah有效。。谢谢你们两位！：）