Javascript Can'；t向第N个孩子伸出手来

我有这个提琴，我想在默认情况下只显示第一张照片，隐藏其余的照片，并在每次鼠标滚动时更改照片。var i由mousescroll确定，如果i<1或i>5，我希望操作中断，因为没有第n个子项大于5或小于1

请在回答中提供提琴。谢谢。

$(window).scroll(function(event){
   var i = 0;
   var st = $(this).scrollTop();
   if (st > 0)
   {
       var i += 1;
       if (i > 5)
       {
           return;
       }
       $("img").hide();
       $("img:nth-child(" + i + ")").show();
   }
    else
   {
       var i -= 1;
       if (i < 0)
       {
           return;
       }
       $("img").hide();
       $("img:nth-child(" + i + ")").show();
   }
});

var i = 1;
$(document).bind('mousewheel', function (e) {

    if (e.originalEvent.wheelDelta < 0) { // scroll down
        if (i + 1 <= 5)
            i++;
        else
            return;

    } else {
        if (i - 1 >= 1)
            i--;
        else
            return;

    }
    //console.log(i);
    $("img").hide();
    $("img:nth-child(" + i + ")").show();
});

$（窗口）。滚动（函数（事件）{
var i=0；
var st=$（this.scrollTop（）；
如果（st>0）
{
var i+=1；
如果（i>5）
{
返回；
}
$（“img”）.hide（）；
$（“img:n子项（“+i+”））.show（）；
}
其他的
{
var i-=1；
if（i<0）
{
返回；
}
$（“img”）.hide（）；
$（“img:n子项（“+i+”））.show（）；
}
});

你在找这样的东西吗

$(window).scroll(function(event){
   var i = 0;
   var st = $(this).scrollTop();
   if (st > 0)
   {
       var i += 1;
       if (i > 5)
       {
           return;
       }
       $("img").hide();
       $("img:nth-child(" + i + ")").show();
   }
    else
   {
       var i -= 1;
       if (i < 0)
       {
           return;
       }
       $("img").hide();
       $("img:nth-child(" + i + ")").show();
   }
});

var i = 1;
$(document).bind('mousewheel', function (e) {

    if (e.originalEvent.wheelDelta < 0) { // scroll down
        if (i + 1 <= 5)
            i++;
        else
            return;

    } else {
        if (i - 1 >= 1)
            i--;
        else
            return;

    }
    //console.log(i);
    $("img").hide();
    $("img:nth-child(" + i + ")").show();
});

var i=1；
$（文档）.bind（'mousewheel'，函数（e）{
如果（e.originalEvent.wheelDelta<0）{//向下滚动
如果（i+1=1）
我--；
其他的
返回；
}
//控制台日志（i）；
$（“img”）.hide（）；
$（“img:n子项（“+i+”））.show（）；
});

你在找这样的东西吗

$(window).scroll(function(event){
   var i = 0;
   var st = $(this).scrollTop();
   if (st > 0)
   {
       var i += 1;
       if (i > 5)
       {
           return;
       }
       $("img").hide();
       $("img:nth-child(" + i + ")").show();
   }
    else
   {
       var i -= 1;
       if (i < 0)
       {
           return;
       }
       $("img").hide();
       $("img:nth-child(" + i + ")").show();
   }
});

var i = 1;
$(document).bind('mousewheel', function (e) {

    if (e.originalEvent.wheelDelta < 0) { // scroll down
        if (i + 1 <= 5)
            i++;
        else
            return;

    } else {
        if (i - 1 >= 1)
            i--;
        else
            return;

    }
    //console.log(i);
    $("img").hide();
    $("img:nth-child(" + i + ")").show();
});

var i=1；
$（文档）.bind（'mousewheel'，函数（e）{
如果（e.originalEvent.wheelDelta<0）{//向下滚动
如果（i+1=1）
我--；
其他的
返回；
}
//控制台日志（i）；
$（“img”）.hide（）；
$（“img:n子项（“+i+”））.show（）；
});

显示：隐藏的

不是有效的CSS。使用

显示：无或<代码>可见性：隐藏。它不会解决您的问题，但您不应该每次都使用
var i
，只使用初始声明，因此
var i++=1
应该只是
i++=1
（或者干脆
i++
）@Exupery感谢i++，我忘了：）
display:hidden
不是有效的CSS。使用
显示：无或<代码>可见性：隐藏。它不会解决您的问题，但您不应该每次都使用
var i
，只使用初始声明，因此
var i++=1
应该只是
i++=1
（或者干脆
i++
）@Exupery感谢i++，我忘了：）