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通过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是接收掉落的元素。

使用javascript查找上一个和下一个li

2 个答案: