jQuery懸停父母影響孩子

Question

我很想知道，當你懸停在父母身上時，你如何定位一個孩子？

我會怎麼做在CSS：

parent:hover child { 
background-color: #FFFFFF; 
} 

如何在jQuery的做到這一點？ 「.medarbejdere .info span.kontaktinfo」是我的父母。我想$（this）成爲我的孩子。

var navDuration = 150; //time in miliseconds 
    var forstoer = "150px"; 

    $('.medarbejdere .info span.kontaktinfo').hover(function() { 
     $(this).animate({ 'right' : "+="+forstoer }, navDuration);    
    }, function() { 
     $(this).animate({ 'right' : "-150px" }, navDuration); 
    }); 

預先感謝您...

Answer 1

使用$(this).children()。

例：

var navDuration = 150; //time in miliseconds 
var forstoer = "150px"; 

$('.medarbejdere .info span.kontaktinfo').hover(function() { 
    $(this).children().animate({ 'right' : "+="+forstoer }, navDuration);    
}, function() { 
    $(this).children().animate({ 'right' : "-150px" }, navDuration); 
});