javascript - jQuery を使用して選択オプションの選択時に要素インデックスを更新する

Question

私は基本的なテーブルを持っています:

<table>
    <tr>
        <td class="priority-select"><select></select></td>
    </tr>
    <tr>
        <td class="priority-select"><select></select></td>
    </tr>
    <tr>
        <td class="priority-select"><select></select></td>
    </tr>
    <tr>
        <td class="priority-select"><select></select></td>
    </tr>
</table>

これらの".priority-select select"要素ごとに、インデックスの値を含むオプション タグと、選択した属性を含む現在のインデックスを追加する必要があります。例：

<table>
    <tr>
        <td class="priority-select">
           <select>
             <option value="1" selected>1</option>
             <option value="2">2</option>
             <option value="3">3</option>
             <option value="4">4</option>
           </select>
        </td>
    </tr>
    ............. to n rows
</table>

私はそれを行うためにこのスニペットを使用しています:

var $selects = $(".select");
  var selCount = $selects.length;
  for(var i=1; i<=selCount; i++){
    $selects.append("<option value='" + i + "'>" + i + "</option>");
  };

ユーザーが行った選択に基づいてテーブルの行を更新する次の部分を開始する方法がわかりません。

つまり、ユーザーが 3 番目の行の選択で選択すると、その行は順序から削除され、最初の行として設定されます。その後、すべての行が並べ替えられて再インデックス付けされるため、次の選択でユーザーは順序を変更して取得できます。右。これは、オプションを選択した後に行われ、他に何も送信する必要はありません。

どんな助けでも大歓迎です。