Javascript 使用随机启动设置间隔滑块<;部门>;,如何穿越所有<;divs>;?

Javascript 使用随机启动设置间隔滑块<;部门>;,如何穿越所有<;divs>;?,javascript,jquery,html,Javascript,Jquery,Html,我有一个Jsonp请求返回如下html块 <div id="slider_wrapper" style=""> <div style="xxx" ><section style="xx">xx</section></div> <div style="xxx" ><section style="xx">xx</section></div> <div style=

我有一个Jsonp请求返回如下html块

<div id="slider_wrapper" style="">
    <div style="xxx" ><section style="xx">xx</section></div>
    <div style="xxx" ><section style="xx">xx</section></div>
    <div style="xxx" ><section style="xx">xx</section></div>
    <div style="xxx" ><section style="xx">xx</section></div>
    ...
    ... 
</div>
上述解决方案工作正常,问题是它重复相同的内容,一旦到达最后一个div,就不会从位置0开始

例如: div总数:5
如果随机数是2 它从2,3,4,2,3,4开始,而不是2,3,4,0,1

如何在到达终点后从第一个开始滑动,而不考虑起始div?

这应该可以做到:

setInterval(function() {  

   if(! $("#slider_wrapper:has(div:eq('+id+'))") )
        {
           id = 0 ;
        }

                     $('#slider_wrapper > div:eq('+id+')')
                    .fadeOut(1000)
                    .next()
                    .fadeIn(1000)
                    .end()
                    .appendTo('#slider_wrapper');
            },  5000);
这应该做到:

setInterval(function() {  

   if(! $("#slider_wrapper:has(div:eq('+id+'))") )
        {
           id = 0 ;
        }

                     $('#slider_wrapper > div:eq('+id+')')
                    .fadeOut(1000)
                    .next()
                    .fadeIn(1000)
                    .end()
                    .appendTo('#slider_wrapper');
            },  5000);

在哪里检查这种情况?没有@Aritra。这种情况永远不会变成现实。你为什么这么说?我还有第二个建议。。。。如果div来自数据库,则只需向每个div添加一个id。然后使用这个:
if($(“#滑块#包装器”).find(#id”).length>0)
在哪里检查这个条件?否@Aritra。这种情况永远不会变成现实。你为什么这么说?我还有第二个建议。。。。如果div来自数据库,则只需向每个div添加一个id。然后使用这个:
if($(“#slider_wrapper”).find(#id”).length>0)