0

我在一个页面上有多个 div，并且在某个 div 中有更多的子 div 漂浮在页面上。我希望能够使用 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>
4

2 回答 2

2

如果您有要显示的 div 的数量，那么您可以使用此代码。

 $(#mainconetent2 > div).slice(4).hide());
于 2013-02-07T11:18:19.000 回答
1

我不确定我是否正确理解了您的问题，但 JQuery 提供了用于选择特定元素的子元素的子选择器。然后你可以访问它的参数并且可以设置你想要的任何东西。

于 2013-02-07T10:53:20.227 回答