JQuery循环隐藏项目

Question

我只想显示4个项目并隐藏其他项目。我该怎么做

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

Answer 1

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

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

或者你可以简单地这样做：

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

Answer 2

您没有说明是只显示第一个四个，还是一个特定的四个，但您的代码尝试建议使用前者。

在这种情况下，您根本不需要JavaScript——您可以从CSS中完成。

.item:nth-of-type(4) ~ .item { display: none; }

如果出于某种原因，您仍然希望使用JS，您可以这样做：

$('.item:nth-child(4)').nextAll('.item').hide();