jquery - 在 UL 中仅显示 15 个列表项

Question

我有一个由 WordPress 生成的列表，我无法通过它自身的功能来限制要显示的标签数量。

我决定使用 jQuery 只显示前 15 个:

$j(function(){
    if( $j('#popular-tags').length > 0 ){
        var displayAmt = 15;

        var list = $j(this).find('ul');
        for(var i=1; i <= displayAmt; i++ ){
            ....
        }
    }
});

我对如何遍历每个列表项有点迷茫。但是我有一个名为 .not-display 的类，我想将其添加到相应的列表项中。我也不确定是否需要使用 jQuery 提供的 .each() 函数。

谁能教教我？

Answer 1

你会发现大多数时候，jQuery 不需要循环:

var displayAmt = 15;
$j('#popular-tags li').slice(displayAmt).hide();

此代码在 #popular-tags div 中找到所有 li 元素，使用 slice()获取第 15 个元素之后的每个元素，并对所有元素调用 hide()。如果您愿意，您也可以选择调用 remove()。