Поиск предыдущего и следующего li с помощью JavaScript

Question

Привет, у меня есть неопределенное количество вложенных тегов ul и li, таких как:

<ul>    
    <li>5
        <ul>
            <li>2
                <ul>
                    <li>1
                    </li>
                    <li>4
                        <ul>
                            <li>3
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
    <li>7
        <ul>
            <li>9
                <ul>
                    <li>14
                    <li>
                </ul>
            <li>11
            </li>
        </ul>
    </li>
</ul>

Я использую Kendo ui treeview, и он возвращает мне элемент, в который был добавлен l (это может быть элемент внутри li, потому что у меня есть несколько интервалов в каждом).

Мне нужно знать предыдущий и следующий li через DOM и javascript , чтобы сохранить новый порядок элементов.

Может кто-нибудь помочь, пожалуйста ??

Answer 1

Вы не указали, какое событие вы использовали, но это должно быть "dragend". Таким образом, вы сможете обнаружить родителя li, а затем просто переупорядочить всех его детей.

Проверьте эту скрипку здесь. Это ближе к тому, что вы ищете?

http://jsfiddle.net/burkeholland/CrRUz/

Answer 2

Использование jQuery:

var parentLi = $(e).closest('li');
var previousLi = parentLi.prev()
var nextLi = parentLi.next();

Где e - элемент, получающий отбрасывание.