如何使用jQuery显示()和隐藏列表项的块
如何使用jQuery显示()和隐藏列表项的块
提问于 2016-04-14 20:53:27
我有一个动态生成列表项目的站点，如下所示：
<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个列表项组成的块。
这能行吗？
希望这有点道理。
回答 2
Stack Overflow用户
回答已采纳
发布于 2016-04-14 21:02:41
尝试使用带有参数:lt()的5选择器
$(document).ready(function() {
$("ul li:lt(5)").show()
})ul li {
display: none;
}<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>
Stack Overflow用户
发布于 2016-04-14 21:00:02
您可以使用jQuery :eq()选择器使用一些数学迭代它们。例如，您可以使用$("li:eq(1)")获得第二个$("li:eq(1)")。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36633786
复制相关文章
相似问题
腾讯云开发者
