JQuery :: Захват события наведения и изменение CSS на дочернем элементе div

Question

Я знаю, что мне не хватает этого небольшого кусочка ... но для разметки вот так:

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

У меня есть следующий jquery

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

Что я хочу сделать, это изменить цвет верхней границы элемента div, содержащегося в «a.menusegment»

Любая помощь будет принята с благодарностью.

Спасибо!

Answer 1

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

Answer 2

Если я понимаю твой вопрос ... Тебе не нужны никакие js

В CSS:

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

Answer 3

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

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

http://jsfiddle.net/3Bh5J/