如何选择div的每个孩子并获得第n个数字答案

【问题标题】：How to select each child of div and get nth number如何选择div的每个孩子并获得第n个数字
【发布时间】：2015-10-30 18:48:40
【问题描述】：

所以我有一个非常愚蠢的问题。我正在为官方游戏网站进行设计。他告诉我会有很多截图。我做了一个设计，一切都很好，但是它们真的很多，所以我想通过 jQuery 在移动版本（px

      <div class="images-block">
        <div class="image-sq">
          <p>⇕ Expand</p>
        </div><div class="image-sq">
          <p>⇕ Expand</p>
        </div><div class="image-sq">
          <p>⇕ Expand</p>
        </div><div class="image-sq"> 
          <p>⇕ Expand</p>
        </div><div class="image-sq"> 
          <p>⇕ Expand</p>
        </div><div class="image-sq">
          <p>⇕ Expand </p>
        </div>
      </div>

【问题讨论】：

标签： javascript jquery html css pug

【解决方案1】：

使用gt 选择器。

$(".images-block .image-sq:gt(3)").hide();

https://api.jquery.com/gt-selector/

选择匹配集中索引大于索引的所有元素。

【讨论】：

gt 选择器？他在做什么？在第三个之后选择每个图像？
gt = "选择匹配集中索引大于索引的所有元素。" - 这不是OP所要求的我不认为？编辑：看起来毕竟是哈哈。 +1 用于在两行之间阅读；-)
不，它是零索引的。所以这意味着第四张之后的每张图片
@RichardHamilton 等等，我无法打开它们 ' $('.button--show-more').click(function () { console.log('Hi!') $('images- block .image sq:gt(3)').css('dispay', 'inline-block'); });'甚至显示命令不工作也不工作

【解决方案2】：

我建议使用 css3 媒体查询方式。它使您的页面具有响应性，例如您有一个名为“image-sq”的类，您可以在样式标签或分隔的 css 文件中键入 css，如下所示：

@media (max-width: 640px)
.image-sq{
display: none\\ or visibility:hidden
 }

但你可以在一个范围内输入它，例如：

@media (min-width: 32.5em) and (max-width: 38.688em)
.image-sq{
width: 300px;
}

它使您的页面在另一个屏幕上灵活显示

【讨论】：

emm，但我想用 JS bc 来做我想在点击后打开它们，并且不想通过 jQuery 更改样式，这意味着这样做的唯一方法是复选框技巧, 但这需要很多时间并且会出现很多错误
你知道得更清楚。祝你好运