Question

我在页面上有多个div，在某个div中有更多的子div，它们会浮动遍历页面。我希望能够使用javascript来查看窗口的宽度，然后将div的设置宽度除以计算显示的数量。

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

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



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

我的问题是如何只选择我的speciedfied div中的div。我试过这个，但它没有奏效。甚至不知道我是否朝着正确的方向前进

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

javascrpt是解决这个问题的正确方法，还是能够做我想做的事情？

非常感谢

编辑：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());

Answer 2

我不确定我是否正确理解了您的问题，但JQuery提供child-selector来选择特定元素的子元素。然后你可以访问它的参数，并可以设置你想要的任何内容。

如何使用javascript在某个div中显示第n个div？

2 个答案: