请教jq排序问题

clipboard.png
贴出我的代码,但是感觉这个方法太low,求教更好的方法:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>test5</title>
</head>
<body>
<select id="myselect" size="5">
    <option val="c">选项C</option>
    <option val="d">选项D</option>
    <option val="b">选项B</option>
    <option val="e">选项E</option>
    <option val="a">选项A</option>
</select>

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
    var arr = [];
    var html = '';
    $("#myselect option").each(function() {
        arr.push($(this).attr("val"));
    });
    for(var i=0; i<arr.sort().length; i++) {
        html += '<option val='+arr[i]+'>选项'+arr[i].toUpperCase()+'</option>';
    }
    $("#myselect").empty().append(html);
</script>
</body>
</html>
阅读 2.5k
1 个回答

这个题目是为了考察arr.sort([compareFunction])吧。

compareFunction
Optional. Specifies a function that defines the sort order. If omitted, the array is sorted according to each character's Unicode code point value, according to the string conversion of each element.

$('#myselect').html($('#myselect > option').sort(function(a,b){return $(a).attr('val') > $(b).attr('val')}));
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题