JQuery optgroup trier en ordre alphabétique

Question

Je le balisage suivant: -

<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> 

Et le jquery suivant: -

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

qui se traduit par quatre Cinq et Alyn apparaissant dans un optgroup appelé Groupe 1.

Je souhaite trier les résultats par ordre alphabétique, mais après l'application du groupe d'opt. Donc, les quatre premiers résultats doivent être triés par ordre alphabétique et les trois derniers résultats dans le groupe opt doivent être triés par ordre alphabétique.

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()); 
}); 

​