在移动屏幕中，我想从第三个:jQuery中删除div

Question

在手机屏幕中，我想从第三个屏幕deletediv，但是删除了15而不是27，我不知道为什么有人可以解决这个问题？

if (jQuery(window).width() < 700) {
for (var i = 3; i < 31; i++) {
jQuery(".status-publish").eq(i).remove();
// alert(i);
}
}

Answer 1

使用:gt()

if (jQuery(window).width() < 700) {
jQuery(".status-publish:gt(2)").remove();
}

注意：- 您还需要在document.ready和window.resize上调用IS代码。

参考：-

：gt(( 选择器

Answer 2

你不需要JS。您可以使用 CSS 隐藏元素以及媒体查询来检测屏幕尺寸：

@media only screen and (max-width: 700px) {
.status-publish:nth-child(n+3):nth-child(-n+31) {
display: none;
}
}