如何让jQuery只修改一个div,而不是同一个类的所有div？

Question

我网站的每个页面都有10个(几乎)相同的div,只在其中的文本中有所不同.当单击div的某个部分时,我希望修改该div的不同部分.

我正在使用此代码:

$(document).ready(function(){
 $(".notLogged img").mouseover(function(){
  $(this).parent()>$("span").html("You must be logged in to vote.");
 })
})

我认为这将工作如下:对于img"notLogged"类别div中的所有元素,鼠标悬停将导致该div的不同部分发生变化.

然而,事情并非如此.每当触发鼠标悬停事件时,都会修改具有"notLogged"类的所有 div.

如何修改此代码,以便仅修改鼠标悬停所在的div？

Answer 1

试试这样:

$(document).ready(function(){
 $(".notLogged img").mouseover(function(){
  $(this).parent().find("span").html("You must be logged in to vote.");
 });
});