如何选择<；李>；在Javascript/jQuery中对2个id之间的项进行排序

我有一个HTML列表，如下所示：

<ul class="dropdown-menu scrollable-menu" id="Own">
<li class="dropdown-header" id="datatables">Data Grid</li>
<li><a>Austria</a></li>
<li><a>China</a></li>
<li class="divider" id="firstDivider"></li>
<li class="dropdown-header"id="chart">Charts</li>
<li><a>Line Chart</a></li>
</ul>

现在问题来了。添加新列表项时，我希望按字母顺序对列表进行排序。因此，在我的情况下，应该是：

<li><a>Austria</a></li>
<li><a>Belgium</a></li>
<li><a>China</a></li>

奥地利

比利时

中国

我尝试了多种方法来选择特定范围的li项并对它们进行排序，但无法使其工作

以下是我的最新尝试：

函数asc_sort（a，b）{return（$（b）.text（）.toUpperCase（））<（$（a）.text（）.toUpperCase（））？1:-1；}
//在数据网格下添加新的li项
$（“
比利时
”）。后面插入（“#数据表”）；
//选择所有li项，直到id为“firstDivider”的li，对它们进行排序，并在开始时附加到Own
$（“#Own>li”）.nextUntil（“#firstDivider”）.sort（asc#u sort）.appendTo（“#Own”）


数据网格
奥地利
中国

图表
折线图
尝试使用以下代码：


const国家=[
“奥地利”，
“中国”
];
国家。推动（“比利时”）；
countries.sort（）；
const items=countries.map（c=>'
'+c+'
'）；
$（“#数据表”）。追加（项目）


数据网格

图表
折线图

<li><a>Austria</a></li>
<li><a>Belgium</a></li>
<li><a>China</a></li>