javascript - jQuery 下一个循环不会回到第一个 child

Question

我目前正在尝试遍历兄弟元素，但无法让循环返回到第一个兄弟元素。

我正在使用 nextOrFirst 函数，如 here 所示

我已经复制了我在这个 fiddle 中想要实现的目标

HTML

<div id="stories">
  <div class="swapper"><p>number 1</p></div>
  <div class="swapper"><p>number 2</p></div>
  <div class="swapper"><p>number 3</p></div>
</div>

Javascript

$(document).ready(function() { 

$.fn.nextOrFirst = function(selector) {
    var next = this.next(selector);
    return (next.length) ? next : this.prevAll(selector).last();
};

setInterval(

    function swap() {

        $(".swapper").each(function() {

            var nextItem = $(this).nextOrFirst();

            $(this).html($(nextItem).html());

            return;

        });

    }, 5000);

});

Answer 1

为什么不把最后一个元素移到顶部而不是删除最后一个元素

setInterval(

    function swap() {
        var $container = $("#stories");
        $container.prepend($container.find('.swapper:last').html());// move last to top
        $container.find('.swapper:last').remove(); // remove last
    }, 2000);

我猜你想达到这样的目的: jsfiddle