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

Question

看到以下代码，数字将显示不同的HTML标记和树结构。我想移动1号 - ＆gt; 2号 - ＆gt; 3号 - ＆gt;按下DownArrow并从4号向后移动的数字4 - ＆gt; 3号 - ＆gt; 2号 - ＆gt;按UpArrow键输入数字1。

N.B。 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>