jquery - 使用jQuery对选择字段进行排序

我有一个选择字段，我需要将选项分为几组，而不是按升序或降序排列。

我拥有游戏平台和游戏类型，我想在同一个下拉选择字段中将它们分为两组。

现在，所有元素在选择字段中均按字母顺序排列，如下所示：

3DS
Action
Android
Beat 'Em Up
First Person Shooter
iOS

我想先按流派对它们进行排序，然后再按如下所示对平台进行排序：

Action
Beat 'Em Up
First Person Shooter
3DS
Android
iOS

每个选项都有一个可以用来识别它的数值，但是如何在选择字段中更改它的位置/顺序？

$("select#cat option[value='45']");

谢谢！ ：D

最佳答案

http://jsfiddle.net/UqNrN/
的HTML

<select id="test">
    <option value="4">3DS</option>
<option value="1">Action</option>
<option value="5">Android</option>
<option value="2">Beat 'Em Up</option>
<option value="3">First Person Shooter</option>
<option value="6">iOS</option>
</select>

JS

$(function(){
    $('#test').find('option').detach().sort(function(a, b){
        return a.value - b.value;
    }).appendTo('#test').parent().val('1');
});

关于jquery - 使用jQuery对选择字段进行排序，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22275383/