Javascript Jquery UI中可排序项之间的不可排序项

每个可排序项目之间都有一个图标，但不是最后一个，当然图标是不可排序的

但从jqueryui示例来看，并不能达到预期的效果

<ul id="sortable">
<li>itemA<p>-----</p></li>
<li>itemB<p>-----</p></li>
<li>itemC<p>-----</p></li>
<li>itemD</li>
</ul>


$("#sortable").sortable({
    items: "> li"
});

然后我想让它排序，但保持图标，例如A可以切换到B，那么它将是

B
icon
A
icon
C
icon
D

---

由于问题混乱，请更新

这个jquery语句将满足您的需要。当排序列表更改时，它将删除由带有四个连字符的跨距表示的间隔项，将空格添加回，然后定位最后一个间隔项并将其删除。这是因为在构建时，由于li节点顺序的不确定性，无法为其准确选择

$("#sortable").sortable({
    items: "> li"
    ,
    change: function(event, ui) {
        $(".breaker").remove();
        $("#sortable>li:not(.ui-sortable-helper)").after("<span class='breaker'>----</span>");
        $("#sortable>span").last().remove();
    }
});

---

小提琴上的那些破折号应该代表图标吗？我仍然有点不清楚问题是什么。您是否在问如何使用排序维护图标？当最后一个图标与最后一个图标分开排序时，您是否在询问如何添加新图标？如果破折号代表图标，它们将始终处于排序之外，因为它们位于li内。请更改标记并使用此建议更新问题，请随时询问更多有关详细信息。谢谢你能试试我的建议吗？谢谢。使用cancel/items时的问题是，如果我用B切换A，图标将移到底部，它将变成B->A->icon，而不是B->icon->Athanks以获取帮助。请看一看更新的问题我不理解更新，你对图标有问题吗？itemD应该是可排序的，如果itemD向上移动，例如，如果它切换到itemB，则itemB应该没有--

跟随它以避免混淆，如果有，请告诉我unclear@user3538235更新的答案，以反映您正在寻找的内容。

$("#sortable").sortable({
    items: "> li"
    ,
    change: function(event, ui) {
        $(".breaker").remove();
        $("#sortable>li:not(.ui-sortable-helper)").after("<span class='breaker'>----</span>");
        $("#sortable>span").last().remove();
    }
});