JQuery .hover（）问题

Question

我正在制作一个网站，我在img文件夹中计算.jpgs并将数字保存在albumLength下，然后使用for循环在网站上显示所有这些，并且每个网站都有一个id =＆ ＃34;内容＆＃34; + i，so content1，content2等。当我将鼠标悬停在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');
  }
);
}