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