jQuery可排序同级分组

我想知道，如果存在下一个同级的类，是否可以对可排序的项进行分组。下面是HTML的简化版本：

<div class="itemClass">A</div>
<div class="itemClass">B</div>
<div class="itemClass groupWith">C</div>
<div class="itemClass">D</div>

A
B
C
D

我需要它，这样如果你拖动B，C就会跟着它走。A、 C和D会像正常情况一样单独排序。groups规则是，如果它没有groupWith，并且直接同级有groupWith类，则将它们放在一起

我想避免在孩提时代就和孩子们在一起，但如果没有其他方法，我将不得不考虑这一点

---

有没有办法做到这一点？我认为更糟糕的情况是，我将这些项目移到后面，但我希望排序表能够拖动组，而不仅仅是单个项目。

没有很好的方法可以做到这一点（据我所知）

我要做的是向B添加一个属性，该属性具有id或标识C的内容。然后在排序表中的.update函数中，您可以检查排序元素是否具有此属性，如果是，则分离然后附加C

比如

$（“.sortable”）.sortable({
更新：功能（事件、用户界面）{
if（ui.item.attr（'connectedTo'））{
$（“#”+ui.item.attr（'connectedTo'））.detach（）.insertAfter（ui.item）；
}
}
}).disableSelection（）

A.
B
C
D
谢谢。我认为事后再做可能是唯一的办法。我不必创建connectedTo。我可以简单地存储nextUntil（'：not（.groupWith）'）项并在更新时移动它们，但这是相同的想法，因此我将此标记为正确。