JQuery .hover（）问题

Question

我正在制作一个网站，我在img文件夹中计数.jpgs并将该数字保存在albumLength下，然后使用for循环在网站上显示它们，并且每个都有一个id =“内容”+我，所以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'); 
    } 
); 
}