2

li アイテムを 1 つずつ表示する次のコードがあります。

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);
4

3 に答える 3

3

quotescrollそれがあなたのリストクラスであると仮定します:

$('.quotescroll li').each(function() {
    //this now refers to each li
    //do stuff to each
});
于 2013-05-08T15:43:17.380 に答える
2

jQuery オブジェクトを反復処理する

liのセレクターをループするには、jQuery オブジェクトを反復処理する each ()関数を使用して、一致した要素ごとに関数を実行することをお勧めします。

あなたの例によると：

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

その構文は次のとおりです。$(selector).each(function(index, Element))

また、jQuery API ドキュメントはこちらで確認できます。

于 2013-05-08T16:03:33.983 に答える
2 
$( ".quotescroll li" ).each(function( index ) {
      console.log( index + ": " + $(this).text() );
});

やるべき

詳細はこちら: http://api.jquery.com/each/

于 2013-05-08T15:44:03.620 に答える