Jquery: déplacer le conteneur droit ne

Question

je l'ai fait le code suivant pour une liste de photos, lorsque l'utilisateur mouseover l'image d'un alt montre jusqu'à:

Je voudrais savoir s'il y a de toute façon je peux déplacer l'élément mouseover'ed seulement et pas tous comme je le fais maintenant.

#{list items:gallery.listPictures(), as:'picture'} 
    <a class="pic" href="@{Galleries.showPicture(picture.id)}"><img src="@{Application.getPicture(picture.id)}" alt="${picture.name}" /> 
     <span class="alt">${picture.name}</span> 
    </a> 
#{/list} 
<script type="text/javascript"> 
$(function(){ 
$(".pic").mouseover(function(event){ 
    $(".alt").css({'top': event.pageY, 'left': event.pageX}); 
}); 

});

Answer 1

<script type="text/javascript"> 
$(function(){ 
$(".pic").mouseover(function(event){ 
    $(this).find(' > span').css({'top': event.pageY, 'left': event.pageX}); 
}); 
</script> 

Notez que le $(this). À l'intérieur d'une fonction jQuery this accédera à l'élément en cours qui a déclenché l'événement.

Voir jQuery selectors et jQuery child-selector et jQuery .find()