技術的には、これは「リスト」 (ul -> li) 用ではなくdiv
、コンテナ内の一連のブロック用div
です。これを達成するためにさまざまな方法を試しましたが、どれもうまくいきません。何が起こるかというと、最後の要素に到達して「次へ」ボタンをクリックすると、リストの 2 番目の要素に移動し、最初の要素には移動しません。これは一般的に私が使用しているコードです:
<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