Jquery：仅移动正确的容器

当用户将鼠标移到显示alt的图片上时，我为图片列表执行了以下代码：

我想知道是否有任何方法可以只移动鼠标覆盖的元素，而不是像我现在这样移动所有的元素

#{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});  
});

#{列表项：gallery.listPictures（），如：'picture'}
#{/list}
$（函数（）{
$（“.pic”）.mouseover（函数（事件）{
$（“.alt”）.css（{'top'：event.pageY，'left'：event.pageX}）；
});

}))；

$（函数（）{
$（“.pic”）.mouseover（函数（事件）{
$（this.find（'>span'）.css（{'top'：event.pageY，'left'：event.pageX}）；
});

请注意

$（this）

。在jQuery函数中

this

将访问触发事件的当前元素

请参见和

$（函数（）{
$（“.pic”）.mouseover（函数（事件）{
$（this.find（'>span'）.css（{'top'：event.pageY，'left'：event.pageX}）；
});

请注意

$（this）

。在jQuery函数中

this

将访问触发事件的当前元素

---

请参见和

nice，是否可以选择“this”中的.alt类，这是我希望能够移动的对象可能类似于$（this）.find（'>span'）。更新了matchnice的答案，是否可以选择“this”中的.alt类，这是我希望能够移动的对象可能类似于$（this）.find（'>span'））。更新答案以匹配

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