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

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 知道上一个和下一个 li 来保存元素的新顺序。

有人可以帮忙吗？

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 是接收放置的元素。