在手机屏幕上，我想从第三个删除div：jQuery

Question

在移动屏幕上，我想从第三个位置起delete格，但删除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() Selector

Answer 2

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

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