javascript - JQuery .hover() 问题

Question

我正在制作一个网站，我计算 img 文件夹中的 .jpg 并将数字保存在 albumLength 下，然后使用 for 循环将它们全部显示在网站上，并且每个都有一个 id ="content"+i，所以内容1，内容2，等等。当我将鼠标悬停在 content1 上时，我希望 id= plus_label1 的元素停止隐藏并使其可见，而当我离开该对象时，使其再次不可见。问题是我当前的代码无法工作，没有错误，只是没有出现。有什么想法吗？

for(i=1;i<=albumLength;i++){
$("#content"+i ).hover(
  function() {
    $("#plus_label"+i).css('visibility','visible');
  },
  function() {
$("#plus_label"+i ).css( 'visibility','hidden');
  }
);
}

Answer 1

问题是，当您悬停时，i 不再定义。 但是，考虑到 #plus_label 以与 #content 相同的数字结尾，您可以执行以下操作:

for(i=1;i<=albumLength;i++){
$("#content"+i ).hover(
  function() {
    var i = parseInt($(this).attr('id'));
    $("#plus_label"+i).css('visibility','visible');
  },
  function() {
     var i = parseInt($(this).attr('id'));
     $("#plus_label"+i ).css( 'visibility','hidden');
  }
);
}