GoogleのChromeやSafariでelseステートメントが動作しない場合のJquery

Question

特定のアイコンを選択するとオーバーレイが表示されます。

問題： 1.）これはFFでは素晴らしいですが、他の場所ではうまくいきません。それは時々私が要素を調べているときにクロムで働く。 2.）このコードを書くには、もっと短い方法が必要です...？

$(window).load(function(){ 
    var $quickview = $(".quickview"); 


$('.quickview').click(function() { 
    var $t = $(this).parents("a"); 

    if($t.is(":nth-child(1)")){ 
     var css={} 
     $("#overlay1").css("display","block"); 
     console.log("1") 
     } 
    else if($t.is(":nth-child(2)")){ 
     var css={} 
     $("#overlay2").css("display","block"); 
     console.log("2") 
     } 
    else if($t.is(":nth-child(3)")){ 
     var css={} 
     $("#overlay3").css("display","block"); 

     } 
    else if($t.is(":nth-child(4)")){ 
     var css={} 
     $("#overlay4").css("display","block"); 
     } 
    else if($t.is(":nth-child(5)")){ 
     var css={} 
     $("#overlay5").css("display","block"); 
     } 
    else if($t.is(":nth-child(6)")){ 
     var css={} 
     $("#overlay6").css("display","block"); 
     } 
    else if($t.is(":nth-child(7)")){ 
     var css={} 
     $("#overlay7").css("display","block"); 
     } 
    else if($t.is(":nth-child(8)")){ 
     var css={} 
     $("#overlay8").css("display","block"); 
     } 
    else if($t.is(":nth-child(9)")){ 
     var css={} 
     $("#overlay9").css("display","block"); 
     } 
    else if($t.is(":nth-child(10)")){ 
     var css={} 
     $("#overlay10").css("display","block"); 
     } 

$('.exit, .overlay').click(function() { 


    if($t.is(":nth-child(1)")){ 
     var css={} 
     $("#overlay1").css("display","none"); 
     } 
    else if($t.is(":nth-child(2)")){ 
     var css={} 
     $("#overlay2").css("display","none"); 
     } 
    else if($t.is(":nth-child(3)")){ 
     var css={} 
     $("#overlay3").css("display","none"); 
     } 
    else if($t.is(":nth-child(4)")){ 
     var css={} 
     $("#overlay4").css("display","none"); 
     } 
    else if($t.is(":nth-child(5)")){ 
     var css={} 
     $("#overlay5").css("display","none"); 
     } 
    else if($t.is(":nth-child(6)")){ 
     var css={} 
     $("#overlay6").css("display","none"); 
     } 
    else if($t.is(":nth-child(7)")){ 
     var css={} 
     $("#overlay7").css("display","none"); 
     } 
    else if($t.is(":nth-child(8)")){ 
     var css={} 
     $("#overlay8").css("display","none"); 
     } 
    else if($t.is(":nth-child(9)")){ 
     var css={} 
     $("#overlay9").css("display","none"); 
     } 
    else if($t.is(":nth-child(10)")){ 
     var css={} 
     $("#overlay10").css("display","none"); 
     } 
    }); 
}); 

}); 

助けてください！ ありがとう！

Answer 1

あなたはjQueryの場合/ else文を持っていないこの

$('.quickview').click(function() { 
    var i = ($(this).parents("a").index() + 1); 
    $("#overlay"+ i).css("display","block"); 
    console.log(i); 

});