Jqueryを使用してアクセントを無視して、ドロップダウンリストの項目を並べ替える方法は？

Question

ドロップダウンリストを3桁の順序で並べ替える必要があります。

次のコード（下記のスニペットを参照）は、私が望むことをします。しかし、それはアクセントを無視しない、これが私が目指すものです。

誰かが私に助けてくれますか？あなたは、この目的のためにlocaleCompare()を使用することができます

window.addEventListener("load", function() { 
 
    $("#MyID").html($("#MyID option").sort(function (a, b) { 
 
\t \t return a.text == b.text ? 0 : a.text < b.text ? -1 : 1 
 
\t })) 
 
}, false);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="MyID"> 
 
      <option> Papél </option> 
 
      <option> Árvore </option> 
 
      <option> Carne </option> 
 
      <option> Banana </option> 
 
      <option> Água</option> 
 
      <option> Macaco</option> 
 
      <option> Maçã</option> 
 
    </select>

Answer 1

。

window.addEventListener("load", function() { 
 
    $("#MyID").html($("#MyID option").sort(function (a, b) { 
 
     return (a.text).localeCompare(b.text); 
 
\t \t //return a.text == b.text ? 0 : a.text < b.text ? -1 : 1 
 
\t })); 
 
}, false);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="MyID"> 
 
      <option> Papél </option> 
 
      <option> Árvore </option> 
 
      <option> Carne </option> 
 
      <option> Banana </option> 
 
      <option> Água</option> 
 
      <option> Macaco</option> 
 
      <option> Maçã</option> 
 
    </select>

その他の方法については、このリンクを参照してください： http://www.jstips.co/en/sorting-strings-with-accented-characters/

Answer 2

使用localCompare

window.addEventListener("load", function() { 
 
    $("#MyID").html($("#MyID option").sort(function (a, b) { 
 
\t return a.text.localeCompare(b.text) 
 
    })) 
 
}, false);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="MyID"> 
 
      <option> Papél </option> 
 
      <option> Árvore </option> 
 
      <option> Carne </option> 
 
      <option> Banana </option> 
 
      <option> Água</option> 
 
      <option> Macaco</option> 
 
      <option> Maçã</option> 
 
    </select>