Problème de sélecteur jQuery ?

Question

J'utilise la fonction de survol de la souris dans un menu. J'ai sélectionné un élément particulier en utilisant sa classe. Pour apporter des modifications uniquement à cet élément et non à tous les éléments avec cette classe, je peux utiliser 'this'. Mais je veux apporter des modifications à la balise h3 à l'intérieur de cet élément de classe. Encore une fois, celle que j'ai survolée et pas tous les éléments avec ce nom de classe.

J'ai essayé d'utiliser l'élément > après "this", mais cela ne fonctionne pas.

Comment je fais ça ? J'espère que j'ai expliqué suffisamment bien. J'espère que vous comprenez en utilisant le code.

$('.slide').hover(
    function(){
        $(this>'h3').animate({
            height: '100%'
        });
    },
    function(){
        $(this>'h3').animate({
            height: '25px'
        });
    }
);

Toutes les réponses sont appréciées. Merci

Answer 1

Toutes les réponses ci-dessus sont correctes. La raison pour laquelle votre sélecteur n'a pas fonctionné est que le mot clé "this" pointe vers l'élément DOM actuel. Vous devez envelopper "this" dans un objet jQuery comme suit : $(this) avant de pouvoir utiliser une méthode jQuery.