Как найти следующий/предыдущий элемент по селектору в пределах всего DOM?

Question

[65536]

Можно ли как-то их находить за пределами общего родителя? Пример для примера:

<div>
    <div>
        <div>
            <div class="row"></div>
            <div class="row"></div>
            <div class="row"></div>
        </div>
        <div>
            <div class="row"></div>
            <div class="row"></div>
            <div class="row"></div>
        </div>
    </div>
    <div>
        <div class="row"></div>
        <div class="row"></div>
        <div class="row"></div>
    </div>
</div>
<div>
    <div class="row"></div>
    <div class="row"></div>
    <div class="row"></div>
</div>

Есть ли какой-то способ делать это не составляя каких-то списков заранее и не прочесывая их все? Их может быть тысяча и любой перебор сильно тормозит

Answer 1

[Odisseya]

В DOM API для показа взаимосвязей между объектами дерева есть встроенные свойства previousSibling и nextSibling — в них хранится инфа о соседних узлах.

Comments

[65536]

в пределах родителя же

[Odisseya]

65536, так по селектору же. Если не подходит, можно комбинировать с parentElement, children. Главное, определитесь вам обход дерева нужен в ширину или в глубину (т.е. чтоб не тормозило копайте в сторону: Алгоритмы. Обход дерева)

[65536]

Odisseya, да поиск можно по кратчайшему пути сделать с минимальной нагрузкой, но не слишком просто это и угрожает такими же сложностями с будущими доработками. я надеялся что может быть есть какое-то плоское представление дома сверху вниз))