jquery - クラスからDIVIDを取得して、現在のポイントされた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");
        });

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");
    });