jQueryでSELECTリストのオプションの並べ替え

Question

<select>の中に<option>要素を整理/並べ替える方法はありますか？ここで はhtmlです：

<select class="required" name="jform[params][language]" id="jform_params_language"> 
    <option value="cs-CZ">Czech (Cestina)</option> 
    <option value="en-GB">English (United Kingdom)</option> 
    <option value="sk-SK">Slovak (Slovencina)</option> 
</select> 

私はそれがこのようにする必要があります。

<select class="required" name="jform[params][language]" id="jform_params_language"> 
    <option value="sk-SK">Slovak (Slovencina)</option> 
    <option value="en-GB">English (United Kingdom)</option> 
    <option value="cs-CZ">Czech (Cestina)</option> 
</select> 

は私がHTMLを変更できないことに言及する必要があります。私はjQueryのsort()関数を使用しようとしましたが、それを行う方法はわかりません。

Answer 1

reverseメソッドを使用できます。例えば

var $sel = $('#jform_params_language'), 
    $o = $sel.children().toArray().reverse(); 

$sel.append($o); //[0].selectedIndex = 0; 

http://jsfiddle.net/3UWx6/

Answer 2

1番目のオプションの前に3番目のオプションを移動するには、jqueryの下で使用することができます：