jquery - JQuery - 通过向下箭头和向上箭头移动到下一个数字

Question

看到以下代码，数字以不同的 HTML 标记和树结构显示。我想按向下箭头移动数字 1 -> 数字 2 -> 数字 3 -> 数字 4，然后按向上箭头键从数字 4 -> 数字 3 -> 数字 2 -> 数字 1 向后移动。

NB JQuery 会更受欢迎！

谁能帮我？提前致谢！

<div>
    <p class="number">1</p>
</div>
<div class="number">2</div>
<div>
    <ul>
        <li class="number">3</li>
        <li class="number">4</li>
    </ul>
</div>