Question

我有一个动态生成列表项的站点，如下所示：

<li class="comment even thread-odd thread-alt depth-1" id="li-comment-10">...</li>
<li class="comment odd alt thread-even depth-1" id="li-comment-17">...</li>
<li class="comment even thread-odd thread-alt depth-1" id="li-comment-20">...</li>
<li class="comment byuser comment-author-not-used-2 odd alt depth-2" id="li-comment-21">
...</li>

目前有超过40项这些项目符合上述模式。

我想使用jQuery来显示/隐藏5个块中的列表项。我知道如何编写jQuery以进行切换，但我无法弄清楚的是如何计算和标记5个块用于显示和隐藏。

困境是这些<li>是在CMS中自动生成的，并在页面上动态呈现。所以我希望在页面呈现后使用JavaScript / jQuery进入并识别并以某种方式标记5个列表项的块。

可以吗？

希望这有一定道理。

Answer 1

您可以使用jQuery :eq()选择器通过一些数学迭代它们。例如，您可以使用<li>获得第二个$("li:eq(1)")。

Answer 2

尝试将:lt()选择器与参数5

一起使用

＆＃13;

$(document).ready(function() {
  $("ul li:lt(5)").show()
})

＆＃13;

ul li {
  display: none;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js">
</script>
<ul>
  <li>0</li>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
  <li>6</li>
  <li>7</li>
</ul>

＆＃13;

如何使用jQuery显示（）和隐藏（）列表项的块

2 个答案: