JQuery圖片選擇

Question

這應該是非常自我解釋，任何幫助非常感謝！

jQuery代碼

$("#larrow img").hide(); 
    $("#rarrow img").hide(); 

    $("#rarrow").hover(arrowIn,arrowOut); 
    $("#larrow").hover(arrowIn,arrowOut); 

    function arrowIn() 
    { 
    $(this+" img").show() 
    } 
    function arrowOut() 
    { 
    $(this+" img").hide() 
    } 

我也與IMG試圖以此爲背景

$("#larrow").css('visibility','hidden'); 
    $("#rarrow").css('visibility','hidden'); 

    $("#rarrow").hover(arrowIn,arrowOut); 
    $("#larrow").hover(arrowIn,arrowOut); 

    function arrowIn() 
    { 
    $(this).css('visibility','visible') 
    } 
    function arrowOut() 
    { 
    $(this).css('visibility','hidden') 
    } 

顯然無濟於事，幫忙先謝謝了！

Answer 1

你不能img選擇串聯this。無論如何，這段代碼可能會更短：

function arrow() { 
    $("img", this).toggle(); 
} 

$("#larrow img, #rarrow img").hide(); 
$("#rarrow, #larrow").hover(arrow); 

DEMO：http://jsfiddle.net/4fHL3/

Answer 2

既然你沒有張貼在HTML你可以試試這個：

function arrowIn() 
{ 
    $(this).show(); 
} 
function arrowOut() 
{ 
    $(this).hide(); 
} 

OR

function arrowIn() 
{ 
    $('img', this).show(); 
} 
function arrowOut() 
{ 
    $('img', this).hide(); 
}