jquery 逐一循环 li

标签 jquery html css loops

我有以下代码逐一显示 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);

最佳答案

假设 quotescroll 是您的列表类:

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

关于jquery 逐一循环 li,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16444799/

相关文章:

javascript - jQuery 检查 Element 是否在 .prevAll() 或 .nextAll() 的结果中

html - href 更改按钮/div 的可见性?

javascript - 如何设置位置固定水平和粘性垂直

javascript - 无法从样式化的文本区域获取文本

javascript - 无法摆脱页面上的顶部和左侧空白

javascript - Jquery 切换以及阅读更多按钮

javascript - 自动换行后的文本溢出省略号

javascript - 使用 JQuery 选择动态变量

CSS 浏览器选择器

javascript - 滚动上的 jQuery 总是切换到隐藏