使用jQuery对select中的option进行排序

最新推荐文章于 2025-08-04 10:59:30 发布

原创最新推荐文章于 2025-08-04 10:59:30 发布 · 7.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #function

JavaScript 同时被 2 个专栏收录

15 篇文章

订阅专栏

jQuery

9 篇文章

订阅专栏

本文详细介绍了如何使用 jQuery 的 `appendTo` 方法对选择器内的选项进行排序，并附带了实际应用示例。

$('select option').sort(function(a,b){
    var aText = $(a).text().toUpperCase();
    var bText = $(b).text().toUpperCase();
    if(aText>bText) return 1;
    if(aText<bText) return -1;
    return 0;
}).appendTo('select') ;  appendTo如果目标为单个对象的话，就执行移动操作，所以排序后的option在添加到自身的select前，不用清空当前的select