当使用jquery next()函数获取列表中的下一个元素时,如何在到达列表末尾后获取第一个元素?

时间:2012-07-10 01:09:50

标签: jquery next

从技术上讲,这不是一个'列表' (ul - > li),但是对于容器div内的一系列div块。我已经尝试了许多不同的方法来尝试实现这一点,但它们都不起作用。当我到达最后一个元素,然后点击我的下一个按钮'它将我带到列表中的SECOND元素,而不是第一个元素。这通常是我使用的代码:

<div class="wrapperClass">
<div class="myClass" id="ID1">
    <div class="anotherClass">
        <input value="myValue1"/>
    </div>
</div>
<div class="myClass" id="ID2">
    <div class="anotherClass">
        <input value="myValue2"/>
    </div>
</div>
<div class="myClass" id="ID3">
    <div class="anotherClass"">
        <input value="myValue3"/>
    </div>
</div>
...
</div>

var nextID = $('div#'+ID).next().find('input').val();
var lastID = $('div#'+ID+':last').find('input').val();

if( nextID == lastID )
{
    nextID = $('.wrapperClass').find('input:first').val();
}
// other code

1 个答案:

答案 0 :(得分:0)

我意识到自己的错误。我应该写的

if( currentID == lastID )
{
    // blah
}

我写

也是不对的
$('div#'+ID+':last')

因为id必须是唯一的。谢谢'undefined'(未指明的人指出了这一点)。我显然是新手。