Jquery : Selecteurs
Résolu
Bonjour,
J'ai un peu de mal à trouver le sélecteur approprié à ce que je veux faire...
Voici mon code :
Ce que je veux faire est tout simple : Lorsque je passe sur un #linknav, je voudrais changer la source de son enfant img.
Seulement je n'arrive pas à créer le sélecteur,
Pouvez vous m'aider ?
Merci
J'ai un peu de mal à trouver le sélecteur approprié à ce que je veux faire...
Voici mon code :
<ul>
<li>
<div class="wrappercontlinav">
<a href="index.php" id="linknav">
<img src="res/backgrounds/bg_btnav1.jpg" alt="Accueil" class="li_nav_img">
<h1>Accueil</h1>
</a>
</div>
</li>
<li>
<div class="wrappercontlinav">
<a href="index.php" id="linknav">
<img src="res/backgrounds/bg_btnav1.jpg" alt="Accueil" class="li_nav">
<h1>Accueil</h1>
</a>
</div>
</li>
</ul>
<script type="text/javascript">
$(document).ready(function(){
$('#linknav').hover(
function(){
$("#linknav > .li_nav").attr('src', "res/backgrounds/bg_btnav2.jpg");
},
function(){
$("#linknav > .li_nav").attr('src', "res/backgrounds/bg_btnav1.jpg");
}
);
});
</script>
Ce que je veux faire est tout simple : Lorsque je passe sur un #linknav, je voudrais changer la source de son enfant img.
Seulement je n'arrive pas à créer le sélecteur,
Pouvez vous m'aider ?
Merci
2 réponses
-
Change ton linknav en classe dans un premier temps. 2 éléments ayant le même id est pas propre.
$('.linknav').hover(
function(){
$(this).find('.li_nav').attr('src', "res/backgrounds/bg_btnav2.jpg");
},
function(){
$(this).find('.li_nav').attr('src', "res/backgrounds/bg_btnav1.jpg");
}
); -
Super !
Merci beaucoup pour ta réponse.
