javascript - 如何让 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.");
 })
})

我认为这会按如下方式工作:对于“notLogged”类 div 中的所有 img 元素，鼠标悬停将导致该 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.");
 });
});