使用jQuery查询列表

我的javascript目前还没有达到标准，我被这个问题难住了

我需要用javascript创建一个动画列表，如下-

我想要的是这样一份清单

<ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li> 
    <li>Item 4</li>
    <li>Item 5</li>
    <li>Item 6</li>
</ul>

项目1
项目2
项目3
项目4
项目5
项目6

一次显示两个，然后循环显示，一次显示两个

---

即使是伪代码也能帮助我入门。

通过邮件中包含的html，您可以运行以下程序

$(document).ready(function(){
    //hide all the list items
    $("ul li").hide();
    //call the function initially
    show_list_item();
});

function show_list_item(){
    //fade in the first hidden item. When done, run the following function
    $("ul li:hidden").first().fadeIn("slow", function(){
       //if there are no more hidden list items (all were shown), hide them all
       if($("ul li:hidden").length == 0){
          $("ul li").hide();
       }
       //call this function again - this will run in a continuous loop
       show_list_item();
    });
}

---

只是对Yuval的代码进行了修改，以使“一次两个”行为正常工作：

$(document).ready(function(){
    //hide all the list items
    $("ul li").hide();
    //call the function initially
    show_list_item();
});

function show_list_item(){
    //fade in the first hidden item. When done, run the following function
    $("ul li:hidden:first").fadeIn("slow", function(){
       //if there are no more hidden list items (all were shown), hide them all
       if($("ul li:hidden").length == 0){
      $("ul li").hide();
       }
    });
    $("ul li:hidden:first").fadeIn("slow", function(){
       //if there are no more hidden list items (all were shown), hide them all
       if($("ul li:hidden").length == 0){
      $("ul li").hide();
       }
       //call this function again - this will run in a continuous loop
       show_list_item();
    });
}

---

谢谢yuval-运行时，I get$（“ul li:hidden”）不是函数错误。但是我使用的是1.3.2，所以不知道为什么。是否包括jQuery？当你得到一个带有美元符号的非a函数时，首先想到的就是这个。你还有其他的JS库吗？尝试在只包含jquery、此代码和html的页面中测试此功能。在1.3.2中，它应该可以正常工作。还要确保用

…

包装js，或将其包含在单独的文件中。让我知道它是怎么回事。嗯，同样的错误-我把普通html文件放在这里：。正确的选择器是

$（'ul li:hidden:first'）

而不是

$（'ul li:hidden'）。first（）

现在我得到一个警告-未知类或伪类元素：隐藏。您提供的链接提供的信息有什么问题？缺少一个步骤-它没有解释如何从上面的列表转到它描述的效果。我的javascript不够好，无法理解如何添加/删除元素。嗨，克里斯。我是那个教程的作者。我的目标是把每一步都说清楚，所以如果有什么遗漏，我很抱歉。这段代码可以在文章的结尾处下载，我建议您从这里开始。如果你有任何具体的问题，我很乐意回答-最好是通过我网站上“联系人”链接后面的电子邮件地址。谢谢Bobby-我确实看过了，但只是不确定如何从列表到结果。可能读得不够透彻。无论如何，客户改变了主意，所以努力是徒劳的！