appliquer un effet sur un seul élément au passage de la souris.

Par Lotfi Berrahal, il y a 13 ans

Javascript

Bonjour,

J'ai une question qui je l'espère n'est pas déjà traité sur ce forum car j'ai cherché en vain !

En fait je souhaiterais appliquer un effet au hover sur un élément mais sachant qu'il s'agit d'une classe "article" ici j'aimerais qu'elle soit appliquer uniquement sur l'élément ou la souris est placée.

C'est un wordpress du coup mes articles sont dans une boucle et je me sers d'animate.css pour donner mes effets.

je fais un addClass('bounce') au hover mais si je le fais il va agir sur tout mes articles...
J'aimerais éviter de répéter l'action en utilisant des id aussi avez vous une solution ?
s'il vous faut mon bout de code n'hésitez pas je vous envoie ça!
Merci davance

2 réponses

Maenhyr, il y a 13 ans

Salut, il te suffit de récupérer l'élément survolé. Un truc dans le genre devrait fonctionner :

jQuery(function(){
    // Ceci fait une boucle implicite sur tous les elements .article
    $('.article').hover(function(){
        $elem = $(this); // on recupere l'element survole

        // on peut maintenant faire ce qu'on veut avec cet element
        $elem.addClass('bounce');
        ...
    });
});
Lotfi Berrahal, il y a 13 ans

Nickel c'est exactement ce que je voulais et a marche d'enfer !
J'avais réussi en faisant autrement mais niveau simplicité de code ta solution est de loin meilleur !
Merci encore!