jquery - 選択リストの最後にあるオプションを移動できますか？

Question

私はこれを選択しています：

<select id="mySelect">
    <option value="Test 1">Test 1</option>
    <option value="Test 2">Test 2</option>
    <option value="Test 3">Test 3</option>
    <option value="Test 4">Test 4</option>
    <option value="Test 5">Test 5</option>
    <option value="Test 6">Test 6</option>
    <option value="Test 7">Test 7</option>
    <option value="Test 8">Test 8</option>  
</select>

この選択リストの最後にある2番目のオプション（テスト2）を移動したいと思います。jQueryを使用できますか？

Answer 1

var $select = $('#mySelect');
$select.find('option:eq(1)').appendTo($select);

ライブデモ

オプションを5番目に配置する：

var $select = $('#mySelect');
var desiredIndex = 5;
$select.find('option').eq(desiredIndex).before($select.find('option:eq(1)'));    

ライブデモ

Answer 2

var sel = $('#mySelect');
sel.find('option:eq(1)').appendTo(sel);  // insert to last position

デモ

sel.find('option:eq(1)').insertAfter('option:eq(5)');  // insert to a specified position

デモ2

Answer 3

$("#select_id オプション[値=値]").insertAfter($("#select_id オプション:最後"));