jquery - ul リストから次の ID 属性を取得する

Question

テスト目的の値のリストがあります.1〜4..ボタンをクリックすると、そのリストの次の値を取得したいと思います。ここで、現在使用している変数を変数に格納する必要があると思いますか?

var current = 1;
function getnext(){
alert($('#list li').next().attr('id'));
    //update current with next value from list
}

<input type="button" onclick="getnext();" value="next" />
<ul id="list">
<li id="1"></li>
    <li id="2"></li>
    <li id="3"></li>
    <li id="4"></li>
</ul>

Answer 1

あなたがすることができます：

var current = 1;
function getnext(){
   current++;
   if (current > MAX_COUNT_HERE) {
     current = 1;
   }
   var el = document.getElementById(current);
   alert(el.innerHTML);
}

Answer 2

このような？

var current = 0;
var listItems = $('#list li');
function getnext(){
    //check if you haven't reached the end of the list yet...
    if(current < listItems.length()) {
      alert(listItems[current]);
      current++;
    }
    //update current with next value from list
}