使用JavaScript / php

Question

这是我从其他帖子中学到的下一个功能，我想知道如何执行prev功能。

任何想法的人？也欢迎不同的方法。

function next() {
    var pElems = document.querySelectorAll('#Pages>div');
    for (var i = 0; i < pElems.length; i++) {
        if (pElems[i].style.display !== 'none') {
            pElems[i].style.display = 'none';
            if (i === pElems.length - 1) {
                pElems[0].style.display = 'block';
            } else {
                pElems[i + 1].style.display = 'block';
            }
            break;
        }
    }
}

Answer 1

你当前的函数向前移动一个元素：pElems[i + 1]，所以为了向后移动你可以向后退一步pElems[i - 1]然后你必须处理到达第一个元素的情况并跳到最后，像这样的事情应该这样做：

function prev() {
    var pElems = document.querySelectorAll('#Pages>div');
    for (var i = 0; i < pElems.length; i++) {
        if (pElems[i].style.display !== 'none') {
            pElems[i].style.display = 'none';
            if (i === 0) {
                pElems[pElems.length].style.display = 'block';
            } else {
                pElems[i - 1].style.display = 'block';
            }
            break;
        }
    }
}