のjQuery：とにかく、私は移動することができますがある場合</p>は <p>私が知りたいのです：ユーザーは、ALTが上昇見せている画像をマウスオーバーするとき、私は写真の一覧については、次のコードを実行しただけ

Question

右のコンテナを移動mouseover'ed要素だけ、私は今のようにそれらのすべてではありません。

#{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> 

$(this)に注意してください。 jQuery関数の内部では、thisはイベントを発生させた現在の要素にアクセスします。

は「この」内.ALTクラスを選択することが可能であり、jQuery selectorsとjQuery child-selectorとjQuery .find()