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

Question

由于 CSS 原因，我有一个包含多个具有相同类名的 div 的页面。我想改变我指向它们的每一个的边框颜色。我使用 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");
        });

链接是类名，包含几个子 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");
    });