javascript - 如何使用javascript显示某个div内的第n个div？

Question

我在一个页面上有多个 div，并且在某个 div 中有更多子 div float 以跨过页面。我希望能够使用 javascript 来查看窗口的宽度，然后除以我设置的 div 宽度来计算出要显示的数量。

我找到了两段代码。一个用于测量窗口宽度，另一个用于切片 div 并隐藏其余部分。

$('div').slice(4).hide();



var width = $(window).width();
$(window).resize(function(){
   if($(this).width() != width){
      width = $(this).width();
       console.log(width);
       alert(width);
   }
});

我的问题是如何仅选择我指定的 div 中的 div。我已经尝试过这个但没有成功。甚至不知道我的方向是否正确

$("#mainContent2").append(('div').slice(4).hide());

javascrpt 是解决这个问题的正确方法吗？还是 css 能够完成我想要的事情？

非常感谢

编辑:HTML

<div id='mainContent>
<p></p>
<div>
<div id='mainContent2'>
<div><img></img><p></p></div>
<div><img></img><p></p></div>
<div><img></img><p></p></div>
<div><img></img><p></p></div>
<div><img></img><p></p></div>
</div>

Answer 1

如果您有要在特定 div 中显示的 div 数量，则可以使用此代码。

 $(#mainconetent2 > div).slice(4).hide());