javascript - 如果少于 8 个 div，则隐藏 div 的 5 到 7

Question

请耐心等待。我在 Wordpress 中有一个循环，每页显示 8 个帖子。但有时循环没有 8 个帖子。如果发生这种情况，我想 hide div 5 到 7。如果每页有 8 个帖子(8 个 div)显示所有 8 个帖子。

假设我有以下 HTML

<div class="post">Post 1</div>
<div class="post">Post 2</div>
<div class="post">Post 3</div>
<div class="post">Post 4</div>
<div class="post">Post 5</div>
<div class="post">Post 6</div>
<div class="post">Post 7</div>

它只会显示帖子 1 到 4，而不显示帖子 5 到 7。但是如果我有以下 HTML:

<div class="post">Post 1</div>
<div class="post">Post 2</div>
<div class="post">Post 3</div>
<div class="post">Post 4</div>
<div class="post">Post 5</div>
<div class="post">Post 6</div>
<div class="post">Post 7</div>
<div class="post">Post 8</div>

它将显示所有帖子...

我一直在试验 lenght但我对 jQuery 很陌生。我有这个:console.log( $('.post').length); .这显示 6所以我想我需要用

做点什么

if .post < 8 != < 4 addClass 'hide'

所以我可以隐藏它们？？或者类似的东西？

Answer 1

您可以检查长度并隐藏 :gt(3) DEMO 的帖子

if($('.post').length < 8) $('.post:gt(3)').hide()