Animation jQuery hover sur un seul élément dans un tableau

Question

J'ai un tableau de résultats, tous avec les mêmes classes qui sont répétées plusieurs fois dans une liste de résultats. J'ai configuré une animation de survol de jQuery pour se produire lorsque vous survolez l'un des résultats, mais actuellement, lorsque je survole un résultat, l'animation arrive à tous les résultats.

Voici mon code jQuery:

jQuery(document).ready(function() { 
    jQuery(".hover").hover(
     function(){ 
      jQuery(".agent").animate({top: '-=32px'},300, 'easeOutBack'); 
      jQuery(".fav").delay(150).animate({top: '-=32px'},300, 'easeOutBack'); 
      jQuery(".more_details").delay(300).animate({top: '-=32px'},300, 'easeOutBack'); 
     }, 
     function(){ 
      jQuery(".agent,.fav,.more_details").animate({top: '+=32px'},150); 
    } 
    );        
}); 

Est-il possible d'isoler un élément dans mon tableau et juste avoir l'animation se à l'élément étant planait au-dessus ??

Merci

Answer 1

En supposant que l'élément de la classe parent est hover du reste de l'élément, passer l'objet en cours comme context in selector.

jQuery(document).ready(function() { 
    jQuery(".hover").hover(
     function(){ 
      jQuery(".agent", this).animate({top: '-=32px'},300, 'easeOutBack'); 
      jQuery(".fav", this).delay(150).animate({top: '-=32px'},300, 'easeOutBack'); 
      jQuery(".more_details", this).delay(300).animate({top: '-=32px'},300, 'easeOutBack'); 
     }, 
     function(){ 
      jQuery(".agent,.fav,.more_details").animate({top: '+=32px'},150); 
    } 
    );        
});