Javascript 将排序函数添加到按类名排序

我正试图获得一个排序函数来处理以下代码

下面的代码按类名过滤项和组的列表

但是，我想按父ul的类对顺序进行排序

像这样：-

<ul class="parent-section-a">
  <li class="section-a">item One</li>
  <li class="section-a">item Two</li>
  <li class="section-a">item Three</li>
  <li class="section-a">item Four</li>
</ul>
<ul class="parent-section-b">
  <li class="section-b">item One</li>
  <li class="section-b">item Two</li>
  <li class="section-b">item Three</li>
  <li class="section-b">item Four</li>
</ul>
<ul class="parent-section-c">
  <li class="section-c">item One</li>
  <li class="section-c">item Two</li>
  <li class="section-c">item Three</li>
  <li class="section-c">item Four</li>
</ul>

第一项
第二项
第三项
第四项


第一项
第二项
第三项
第四项


第一项
第二项
第三项
第四项

到目前为止，我掌握的代码是：-

// Get all the classes
var classes = $('[class^=section]').map(function() {
    return $(this).attr('class');
});

// Filter only unique ones
var uniqueClasses = $.unique(classes);

// Now group them
$(uniqueClasses).each(function(i, v)
{
    $('.'+v).wrapAll('<ul class ="parent-'+v+'"></ul>');
});

//获取所有类
var classes=$（'[class^=section]'）。映射（函数（）{
返回$（this.attr（'class'）；
});
//只过滤唯一的
var uniqueClasses=$.unique（类）；
//现在将它们分组
$（唯一类）。每个（函数（i，v）
{
$（'.+v）.wrapAll（'
）；
});

非常感谢你的帮助

---

标记

如果您想按ul类别对订单进行排序，这将有助于：

---

您能提供结果吗？您只需要编写一个比较元素类的

sort（）

处理程序函数。请参阅以获取此示例。如果你能给出一个更清晰的输入HTML的例子，我们可能会更有效地帮助你。最上面的HTML代码是我要寻找的结果，javascript代码是我必须创建的HTML示例HTML输入是一个li元素的混合列表，类关联为hi@Hesham AbuSaif，我已经尝试将其应用到我的脚本中，但是排序函数似乎没有达到我想要的效果，有什么建议吗？