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>