javascript - 如何使jQuery仅修改一个div，而不修改同一类的所有div？

我网站的每个页面都有10个(几乎)相同的div，仅其中的文字有所不同。单击div的某个部分时，我希望修改该div的其他部分。

我正在使用此代码:

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

我认为这可以按如下方式工作:对于“notLog”分类div中的所有img元素，鼠标悬停将导致该div的不同部分发生变化。

但是，事实并非如此。每当触发该鼠标悬停事件时，所有带有“notLogged”类的div都会被修改。

如何修改此代码，以便仅修改鼠标悬停所源自的div？

最佳答案

像这样尝试:

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

关于javascript - 如何使jQuery仅修改一个div，而不修改同一类的所有div？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/405320/