Найти следующую и предыдущую ссылку в иерархии

У меня есть иерархия со ссылками, вложенными в элемент списка, например:

<ul>
    <li><a href="#">Page 1</a>
        <ul>
            <li><a href="#">Page 1.1</a></li>
            <li><a href="#">Page 1.2</a>
                <ul>
                    <li><a href="#">Page 1.2.1</a></li>
                    <li><a href="#">Page 1.2.2</a></li>
                </ul>
            </li>
            <li><a href="#">Page 1.3</a></li>
        </ul>
    </li>
    <li><a href="#">Page 2</a>
        <ul>
            <li><a href="#">Page 2.1</a></li>
            <li><a href="#">Page 2.2</a></li>
        </ul>
    </li>
    <li><a href="#">Page 3</a>
        <ul>
            <li><a href="#">Page 3.1</a>
                <ul>
                    <li><a href="#">Page 3.1.1</a></li>
                    <li><a href="#">Page 3.1.2</a></li>
                </ul>
            <li><a href="#">Page 3.2</a></li>
            <li><a href="#">Page 3.3</a></li>
                <ul>
                    <li><a href="#">Page 3.1.1</a></li>
                    <li><a href="#">Page 3.1.2</a></li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

В основном это карта сайта. Но я хочу создать следующую и предыдущую ссылки с помощью jQuery, который находит активную страницу, на которой вы находитесь (возможно, проверяя класс), и находит предыдущий и следующий элемент привязки (не обращая внимания на иерархию). Я пробовал с next () , previous () и find () , но не могу заставить его работать.

Каков самый простой способ получить элементы привязки до и после текущего?