Javascript 使用optgroup对下拉列表进行排序

我有一个下拉菜单，里面有很多我想按字母顺序排列的项目，如果有区别，下拉菜单会使用optgroup

假设我有这样的东西：

<optgroup label="Fruits">
<option>Banana</option>
<option>Apple</option>
<option>Orange</option>
<option>Avocado</option>
</optgroup>

香蕉
苹果
橙色
鳄梨

我应该怎样做才能让它按字母顺序显示每个optgroup？在上面的示例中，它的顺序是苹果、鳄梨、香蕉、橘子。

您可以使用

sort（）

$（'optgroup[label=“Fruits”]option'）。排序（函数（a，b）{
返回$（a.text（）>$（b.text（）；
}).appendTo（'optgroup[label=“Fruits”]”）

香蕉
苹果
橙色
鳄梨