jQuery:如何在考虑数值的情况下排序列表文本
jQuery:如何在考虑数值的情况下排序列表文本
提问于 2022-02-11 06:32:08
我使用以下脚本(jQuery 2.1.1)对列表进行文本和数值排序。理论上，排序之所以有效，是因为在"iPhone 11“和"iPhone 6”之间，"iPhone 1“出现在"iPhone 6”之前，但在现实世界中，这是没有意义的，因为6<11和"iPhone 6"<"iPhone 11“。
$('ul').children("li").sort(function(a, b) {
var A = $(a).text().toUpperCase();
var B = $(b).text().toUpperCase();
return (A < B) ? -1 : (A > B) ? 1 : 0;
}).appendTo('ul');应如何排序：
iPhone 6
iPhone 8
iPhone 11
iPhone 12
samsung galaxy s8
samsung galaxy s10
samsung galaxy s20排序返回什么：
iPhone 11
iPhone 12
iPhone 6
iPhone 8
samsung galaxy s10
samsung galaxy s20
samsung galaxy s8最好的办法是什么？我正在考虑根据左整数删除所有文本和排序，但如果我这样做，在当前的列表中，"galaxy“模型就会出现在"iphone”模型之间(这也是没有意义的)，如下所示：
iPhone 6
iPhone 8
samsung galaxy s8
samsung galaxy s10
iPhone 11
iPhone 12
samsung galaxy s20回答 1
Stack Overflow用户
回答已采纳
发布于 2022-02-11 06:44:06
由于必须对包含数字的文本进行排序，所以请执行以下操作：
return A.localeCompare(B, false, {
numeric: true
})您可以找到关于localCompare和选项这里的更多信息。
因此，您的代码将看起来像：
$('ul').children("li").sort(function(a, b) {
var A = $(a).text().toUpperCase();
var B = $(b).text().toUpperCase();
return A.localeCompare(B, false, {
numeric: true
})
}).appendTo('ul');Demo
$('ul').children("li").sort(function(a, b) {
var A = $(a).text().toUpperCase();
var B = $(b).text().toUpperCase();
return A.localeCompare(B, false, {
numeric: true
})
}).appendTo('ul');<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
<li>iPhone 6</li>
<li>iPhone 8</li>
<li>samsung galaxy s8</li>
<li>samsung galaxy s10</li>
<li>iPhone 11</li>
<li>iPhone 12</li>
<li>samsung galaxy s20</li>
</ul>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71075997
复制相关文章
相似问题
腾讯云开发者
