2010-03-15 6 views
1

Мне любопытно узнать, как вы нацеливаете ребенка, когда наведите указатель на родителя?jQuery hover parent влияет на ребенка

Как я хотел бы сделать в 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); 
    }); 

Спасибо заранее ...

ответ

3

Использование $(this).children().

Ex:

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

Большое спасибо. Он работал как шарм! :-) –

+0

Что делать, если вы хотите настроить таргетинг на ребенка 3 (ребенок ребенка ребенка)? В CSS это будет: parent: hover child1 child2 child3 { // magic } –

+0

@ Kenneth B - использовать классы и селектора классов? Серьезно, я ожидал бы, что они будут связаны каким-то образом и присвоить им класс, который вы затем можете использовать для применения поведения (или стиля) к ним, будет намного проще, чем сложные правила обхода. – tvanfosson

Смежные вопросы