jquery - jquery通过li一一循环

Question

我有以下代码，它一一显示一个 li 项目。

var show = 1;
var current = show - 1;
var length = 9;

var gallery = $('.quotescroll');



var galleryItems = gallery.children('li');
length = galleryItems.length;


setInterval(function(){
    current = (current+1)%60;

    galleryItems.eq(current).slideDown();
    galleryItems.eq(current - show).slideUp();
}, 10000);

我唯一的麻烦是我现在需要它连续循环遍历无序列表。我将如何实现这一目标？

编辑

我发现这段代码完全符合我的需要，但是它没有漂亮的幻灯片动画。

 setInterval(function() {
     var firstLi = $('.quotescroll li').first().detach();
    $('.quotescroll').append($(firstLi));
 }, 5000);

Answer 1

假设这quotescroll是您的列表类：

$('.quotescroll li').each(function() {
    //this now refers to each li
    //do stuff to each
});

Answer 2

$( ".quotescroll li" ).each(function( index ) {
      console.log( index + ": " + $(this).text() );
});

应该这样做

详细信息可以在这里找到：http: //api.jquery.com/each/

Answer 3

迭代一个 jQuery 对象

为了循环遍历li的选择器，好的做法是使用each()函数迭代 jQuery 对象，为每个匹配的元素执行一个函数。

根据您的示例：

$(gallery, 'li').each(function() {
    //Your code goes here
    //$(this) will target the current li being iterated
});

它的语法是：$(selector).each(function(index, Element))

您还可以在此处查看 jQuery API 文档