javascript - JQuery 循环隐藏项目

Question

我只想显示 4 个项目并隐藏其他项目。我怎样才能做到

$(".item").each(function(i, e){
      if(i == 4 ){
          $(this).addClass("hide");
      }
  })

Answer 1

根据语法，如果您仅在第四个循环中写入 i == 4 它将隐藏。你必须写 i > 3 因为数组从零(0)开始，这将隐藏 4 个项目之后的所有内容

$(".item").each(function(i, e){
      if(i > 3){ 
         $(this).addClass("hide");
      }
})

或者您可以这样做:

$('.item').slice(3).addClass('hide')