我想像这样对列表进行排序:
<ul>
<li>L</li>
<li>S</li>
<li>XXS</li>
<li>XS</li>
<li>XL</li>
<li>L</li>
</ul>
使用 Javascript 和 jQuery 获取服装尺码的正确顺序 我的尝试是这样的:
var mylist = jQuery('#filter-size .mana-list');
var listitems = mylist.children('li').get();
listitems.sort(function (a, b) {
var sizes = new Array();
sizes = ["XXXS", "XXS", "XS", "S", "S-M", "S-L", "M", "M-L", "L", "L-XL", "XL", "XXL", "XXXL"];
var compA = jQuery(a).text().toUpperCase();
var compB = jQuery(b).text().toUpperCase();
var asize = jQuery.inArray(compA, sizes);
var bsize = jQuery.inArray(compB, sizes);
return (asize > bsize) ? -1 : (asize < bsize) ? 1 : 0;
})
我的问题是 inArray() 函数总是返回 -1 我做错了什么?
(注意:我在“无冲突”模式下使用 jQuery)
先谢谢大家
最佳答案
您的代码显得过于复杂。
这还将生成一个排序的项目列表,并避免在比较器函数中使用昂贵的 DOM(和 jQuery)调用:
// get all of the text items, in order, in upper case
var listitems = jQuery('ul').children('li').map(function() {
return jQuery(this).text().toUpperCase();
}).get();
// keep this outside the function to avoid instantiating it
// every time the comparator is called
var sizes = ["XXXS", "XXS", "XS", "S", "S-M", "S-L", "M",
"M-L", "L", "L-XL", "XL", "XXL", "XXXL"];
// just compare the "inArray" values to sort
listitems.sort(function(a, b) {
return jQuery.inArray(b, sizes) - jQuery.inArray(a, sizes);
})
请注意在比较器函数中使用了一个简单的减号运算符 - 这个从大到小排序,比较器只需要产生“负数、零、正数”,而不是“-1、0、1”。
注意:这不会更改页面中的元素 - 请说明这是否是您的意图。
关于javascript - jQuery inArray() 总是返回 -1,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10705499/