I have this function:
$('select[name=items]').each( function() {
$(this).html( $(this).find('option').sort(function(a, b) {
return a.text == b.text ? 0 : a.text < b.text ? -1 : 1
}) );
});
<select name="items">
<option value="0">Please select</option>
<option value="1">XXX</option>
<option value="2">BBB</option>
<option value="3">RRR</option>
<option value="4">AAA</option>
How can I do sort without change position with 0 value?
You can use :gt() for avoiding first element
$('select[name=items]').each(function() {
$(this).find('option:gt(0)').sort(function(a, b) {
return a.text == b.text ? 0 : a.text < b.text ? -1 : 1
}).appendTo(this);
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select name="items">
<option value="0">Please select</option>
<option value="1">XXX</option>
<option value="2">BBB</option>
<option value="3">RRR</option>
<option value="4">AAA</option>
</select>or with help of attribute equal selector and :not()
$('select[name=items]').each(function() {
$(this).find('option:not([value=0])').sort(function(a, b) {
return a.text == b.text ? 0 : a.text < b.text ? -1 : 1
}).appendTo(this);
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select name="items">
<option value="0">Please select</option>
<option value="1">XXX</option>
<option value="2">BBB</option>
<option value="3">RRR</option>
<option value="4">AAA</option>
</select>Note : Also it's better to use append() or appentTo() instead of html()
