我有一些JavaScript可以在我的网站上对div进行排序,具体取决于其中的span标签中的内容是什么。
看起来像这样:
$(window).load(function(){
var $divs = $("div.box");
$('#numBnt').on('click', function () {
var numericallyOrderedDivs = $divs.sort(function (a, b) {
return $(a).find("span").text() < $(b).find("span").text();
});
$("#container").html(numericallyOrderedDivs);
});
});
我遇到的唯一问题是,当Span标签内的数字超过99时,它会再次订购,换句话说,它只订购数字0-99。有什么方法我可以根据它们的大小来订购所有数字吗?
答案 0 :(得分:0)
获取数字的差异并将其返回。无需解析字符串,因为subtraction(-
)会自动将其转换为数字。
$(window).load(function(){
var $divs = $("div.box");
$('#numBnt').on('click', function () {
var numericallyOrderedDivs = $divs.sort(function (a, b) {
return $(b).find("span").text() - $(a).find("span").text();
});
$("#container").html(numericallyOrderedDivs);
});
});