Javascript 如何通过js设置可见帖子？

我有个问题，我需要一些帮助

例如，我有如下HTML：

<div class="posts">
   posts 1
</div>
<div class="posts">
   posts 2
</div>
<div class="posts">
   posts 3
</div>
<div class="posts">
   posts 4
</div>

职位1
职位2
职位3
职位4

现在，我想使用Javascript/Jquery使帖子的数量可见或不可见

示例：如果我像这样使用js，那么3篇文章是可见的，第四篇文章。。。是看不见的

<script>
numbervisible = "3"
</script>

numbervisible=“3”

如何使用Js/jquery实现这一点。谢谢。

您可以使用

slice（）

方法：

$('.posts').hide().slice(0, numbervisible).show();

---

下面是一个关于JSFIDLE的工作示例：

您还可以使用jQuery psuedo选择器

<script>
numbervisible = '3';
$('.posts:gt(' + (numbervisible -1) +  ')').hide();
</script>

numbervisible='3'；
$（'.posts:gt（+（numbervisible-1）+'））.hide（）；

---

如果您想通过特定ID而不仅仅是列表中的位置来引用帖子：

<div id="posts_1">
   posts 1
</div>
<div id="posts_2">
   posts 2
</div>
<div id="posts_3">
   posts 3
</div>
<div id="posts_4">
   posts 4
</div>

---

等等。

element.style。display@undone：请在下面给出你的答案。抱歉，我没有注意到jquery标记，但是@blackSheep的答案就是这样做的@happi：在BlackSheep的答案编辑中查看下面的JSFIDLE。查看mvvm类型的js框架，例如，在那里你不需要担心这些东西。这是一个非常糟糕的做法。

$("#posts_" + post_no).hide();
$("#posts_" + post_no).show();
$("#posts_" + post_no).toggle();