我正在尝试按字母顺序理解option
元素内的排序元素select
。理想情况下,我想将此功能作为一个单独的函数,在这里我可以只传递select元素,因为当用户单击某些按钮时需要对它进行排序。
我在高低处搜寻了一种执行此操作的好方法,但找不到任何对我有用的方法。
选项元素应按文本而不是值按字母顺序排序。
这有可能吗?
我要做的是:
<option>
到对象数组中;<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;
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句