JQuery的OPTGROUP字母排序

Question

我有以下標記： -

<select name="List1" id="l1"> 
<option>One</option> 
<option>Two</option> 
<option>Three</option> 
<option>Bob</option> 
<option>Four</option> 
<option>Five</option> 
<option>Alyn</option> 
</select> 

而下面的jQuery： -

$('#l1 option:nth-child(n+5)').wrapAll('<optgroup label="Group 1">'); 

得到四個五和Alyn出現在所謂的第1組

的OPTGROUP

我希望按字母順序對結果進行排序，但在應用optgroup之後。

所以前四個結果應按字母順序排序，optgroup中的最後3個結果應按字母順序排序。

Answer 1

http://jsfiddle.net/xGENn/16/

$('#sort').click(function() { 

    var $options = $('#l1 option:nth-child(n+5)'); 
    $options.sort(function(a, b) { 
     return $(a).text().localeCompare($(b).text()); 
    }); 
    $options.wrapAll('<optgroup label="Group 1">'); 

    $options = $('#l1').children('option'); 
    $options.sort(function(a, b) { 
     return $(a).text().localeCompare($(b).text()); 
    }); 
    $('#l1').prepend($options).val($("#l1 option:first").val()); 
}); 

​