如何选择div的每个子节点并获得第n个数字

时间:2015-10-30 18:48:41

标签: javascript jquery html css pug

所以我真的很愚蠢。我正在为官方游戏网站制作设计。他告诉我会有很多截图。我做了一个设计,一切都很酷,但实际上有很多,所以我想通过jQuery在Mobile版本(px< 640px)中关闭它们,然后创建按钮以显示它们。我知道互联网上有很多指令,但它们根本没有与我的标记进行比较,实际上我希望它与我想的完全相同。 所以我想要的是找到我的图像块的每个子项的第n个子编号,以及每个第n个子编号超过4到.hide()的块。谢谢你的帮助!

PatternLayout

2 个答案:

答案 0 :(得分:5)

使用gt选择器。

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

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

  

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

答案 1 :(得分:1)

我建议使用css3媒体查询方式。它使您的页面响应,例如您有一个名为" image-sq"你可以在样式标签或separeted css文件中键入一个css,如下所示:

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

但并非如此,你可以在ex。:

的范围内输入它
@media (min-width: 32.5em) and (max-width: 38.688em)
.image-sq{
width: 300px;
}

它使您的页面灵活的屏幕到另一个屏幕