栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

使用jQuery按字母顺序对选项元素进行排序

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

使用jQuery按字母顺序对选项元素进行排序

我要做的是:

  1. 将每个文本和值提取
    <option>
    到对象数组中;
  2. 对数组进行排序;
  3. <option>
    按顺序使用数组内容更新元素。

要使用jQuery,您可以执行以下操作:

var options = $('select.whatever option');var arr = options.map(function(_, o) { return { t: $(o).text(), v: o.value }; }).get();arr.sort(function(o1, o2) { return o1.t > o2.t ? 1 : o1.t < o2.t ? -1 : 0; });options.each(function(i, o) {  o.value = arr[i].v;  $(o).text(arr[i].t);});

编辑 -如果要排序而忽略字母大小写,则可以在比较之前使用Javascript

.toUpperCase()
.toLowerCase()
函数:

arr.sort(function(o1, o2) {  var t1 = o1.t.toLowerCase(), t2 = o2.t.toLowerCase();  return t1 > t2 ? 1 : t1 < t2 ? -1 : 0;});


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/575192.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号