制作<li>的索引数组</li>

Question

我的html中有一个典型的导航设置，如下所示：

<ul id="navigation">
  <li>Home</li>
  <li>About</li>
  <li>Etc</li>
</ul>

我想创建<li>的索引数组，然后.addClass创建索引＃大于指定数字的任何<li>。

这样做的最佳方式是什么？

我为稀疏信息道歉，但我不确定如何处理它。谢谢！

Answer 1

$('#navigation > li:gt(42)').addClass('greater-than-the-answer');

查看selector API docs。

Answer 2

你走了：

var spec_number = 3;
$('#navigation').children().each(function(index, item){
    if(index > spec_number) $(item).addClass('indexGreat');
})

Answer 3

假设您要将类添加到索引为＆gt;的项目中42，你可以filter集合，并将类添加到从过滤器传递的所有项目中：

$("#navigation li")
    .filter(function(index) { return index > 42; })
    .addClass("myClass");

Answer 4

$('#navigation li').each(function(){
    if($(this).index() > 2)
    {
        $(this).addClass('whatever');
    }
});