html - リストを次と前のリストに変換する方法

Answer 1

これにより、単純な次/前のアンカー ジャンプを設定できます。

 <a href="#" onclick="move(-1)">prev</a> <a href="#" onclick="move(1)">next</a>

JS:

var positions = "abcdefghijk";
var curpos = 0
function move(dir) {
    (event.preventDefault) ? event.preventDefault() : event.returnValue = false;  
    curpos = curpos + dir;
    if(curpos<0) {
        curpos = 0;
    }
    if(curpos>positions.length-1) {
        curpos = positions.length-1;
    }
    window.location.hash == '#'+positions[curpos]; 
}

​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ ​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ </p>