javascript - 在 Optgroup JQUERY 中排序选择选项

Question

我有一个如下所示的选择，我想按字母顺序对此选择进行排序。 (使用 Jquery)

<select>
  <optgroup label="Potatoes" >
    <option value="1" > Value 1 </option>
    <option value="3" > Value 3 </option>
    <option value="2" > Value 2 </option>
   </optgroup>

   <optgroup label="Banana" >
    <option value="1" > C </option>
    <option value="3" > A </option>
    <option value="2" > S </option>
   </optgroup>
 </select>

我只想对 optgroup 内的选项进行排序。我不想对 optgroup 进行排序。

为了拥有:

<select>
  <optgroup label="Potatoes" >
    <option value="1" > Value 1 </option>
    <option value="2" > Value 2 </option>
    <option value="3" > Value 3 </option>
   </optgroup>

   <optgroup label="Banana" >
      <option value="3" > A </option>
      <option value="1" > C </option>
      <option value="2" > S </option>
   </optgroup>
 </select>

我只找到了一种使用 optgroups 对选择进行排序的方法...

Answer 1

这可能就是您正在寻找的内容:https://jsfiddle.net/dt3b6fmc/

$(function() {
  $('optgroup').each(function() {
    var optgroup = this;
    $( 'option', this ).sort(function(a,b) {
     return $(a).text() > $(b).text();
        }).appendTo(optgroup);
  });
});

这能满足您的需求吗？