jquery - JQuery :: ホバー イベントをキャプチャし、子 div の CSS を変更します

Question

私はこれの小さな部分が欠けていることを知っています...しかし、このようなマークアップの場合:

<a class="menusegment"><div>Link Text & Link Description</div></a>

私は次のjqueryを持っています

$('a.menusegment').hover(function () {
    // insert code here
});

私がやりたいことは、「a.menusegment」に含まれる div の上部境界線の色を変更することです

どんな助けでも大歓迎です。

ありがとう！

Answer 1

$(function(){
    $('a.menusegment').hover(function () {
        var thisNode = $(this);
        thisNode.children('div').css('border-top', '1px solid #f60');
    });
});

Answer 2

$('a.menusegment div').hover(function (e) {
    e.stopPropagation();

    // change color here
},
function(){
//code to execute on mouseleave
}
);

http://jsfiddle.net/3Bh5J/

Answer 3

私があなたの質問を理解していれば...あなたはどんな種類のjsも必要としません

CSS で:

a.menusegment:hover div{
border-top:solid red 1px;
}