JQuery .hover（）issue

Question

私はimgフォルダ内の.jpgを数え、albumLengthの下にその番号を保存しているサイトを作っています。その後、forサイクルを使ってそれらをサイトに表示し、それぞれにid = "content" + i、つまりcontent1、content2などです。私がコンテンツ1の上にマウスを置くと、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'); 
    } 
); 
}