需要一些帮助来理解如何使用 ul.children 类遍历所有 ul 元素并隐藏 ul.child 下大于 8 的任何子元素。
我的代码示例如下:
$(function() {
$('ul.children').each(function() {
var $ul = $(this);
if($ul.children().length > 8) {
$ul.hide();
}
});
});
我的 html 代码示例:
<ul class="children>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>hide all other li elements below this point</li>
</ul>
<ul class="children>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>hide all other li elements below this point</li>
</ul>
最佳答案
$("ul.children").find("li:gt(7)").hide();
演示: http://jsfiddle.net/7TtKD/
或 @Vitaliy Petrychuk 建议的另一种解决方案在评论中:
$(".children > li:nth-child(n+9)").hide();
关于javascript - 使用 each() 遍历多个 ul 并隐藏任何大于 8 的子 li,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14425086/