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