Question

我有问题需要一些帮助。

例如，我有像：

这样的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>

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

示例：如果我使用这样的js，则可以看到3个帖子，第4个帖子是不可见的。

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

如何使用Js / jquery执行此操作。感谢。

Answer 1

您可以使用slice()方法：

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

这是关于jsFiddle的一个工作示例：http://jsfiddle.net/H7aTs/

Answer 2

您还可以使用jQuery伪选择器

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

Link to jsFiddle

Answer 3

如果您想按特定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>

然后：

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

等

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

3 个答案: