从类中获取DIV id以将更改专门应用于当前指向的div

Question

我有一个页面包含几个具有相同类名的div，因为CSS原因。我想改变他们指向它们的每一个的边框颜色。我使用onmouseover事件就像下面这样做了。但似乎代码存在问题。我想知道是否有办法获得div的id并仅将颜色应用于它。

        $('.link')
            .mouseover(function(evt) {
            evt.preventDefault(); 
            $(document.querySelector(this).id).css('border-color', '#FFF');
            })
            .mouseout(function() {
            $(document.querySelector(this).id).css('border-color', "#CCC");
        });

link是类名，包含几个子div

Answer 1

在鼠标事件处理程序中使用以下内容：

$(this).css(...)

Answer 2

$(this)将完全符合您的要求。您不需要获取ID然后应用于该选择器..

$(this).css('border-color', '#FFF');

Answer 3

试试这个

$('.link')
       .mouseover(function(evt) {
         evt.preventDefault(); 
         $(this).css('border-color', '#FFF');
     })
       .mouseout(function() {
        $(this).css('border-color', "#CCC");
    });