如何在Javascript中为整个类添加鼠标事件监听器？

Question

当鼠标悬停在类上时，我试图在类的所有项周围添加边框。但是，无论我将鼠标悬停在哪个项目上，边框始终应用于页面上的最后一项。

任何人都可以解释发生了什么以及如何解决这个问题？感谢。

function setAlertHovers(){
    var alerts = document.getElementsByClassName('alert');
    for(var i=0; i < alerts.length; i++)
    {
        var obj = alerts[i];
        obj.addEventListener('mouseover', function(){addBorder(obj);});
        obj.addEventListener('mouseout', function(){removeBorder(obj);});
    }
}

function addBorder(obj)
{
    obj.style.borderStyle = "solid";
}

function removeBorder(obj)
{
    obj.style.borderStyle = "none";
}

setAlertHovers();