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