我正在開(kāi)發(fā)一個(gè)等待時(shí)間 API 來(lái)顯示迪士尼樂(lè)園的當(dāng)前排隊(duì)時(shí)間。等待時(shí)間按字母順序加載到表中?，F(xiàn)在，我使用以下代碼將此表按表頂部的最高等待時(shí)間排序?yàn)樽畹偷却龝r(shí)間。這就是我想要的：$(document).ready(function(){var sorted = $('#mytable tbody tr').sort(function(b, a) { var a = $(a).find('td:last').text(), b = $(b).find('td:last').text(); return a.localeCompare(b, false, {numeric: true})})$('#mytable tbody').html(sorted)});這很好用，但正如您在下圖中看到的那樣，“已關(guān)閉”和“翻新”等文本值位于表格頂部，高于最長(zhǎng)等待時(shí)間。我如何更改表格的順序以獲得表格頂部的最長(zhǎng)等待時(shí)間，最后是文本值？當(dāng)前訂單，想要更改此所以我想得到：20 min.15 min.5 min.OpenClosedRefurbishment
1 回答
BIG陽(yáng)
TA貢獻(xiàn)1859條經(jīng)驗(yàn) 獲得超6個(gè)贊
要根據(jù)需要進(jìn)行排序，您需要根據(jù)值是否為數(shù)字進(jìn)行不同的排序。如果兩者都是數(shù)字，請(qǐng)像您目前所做的那樣進(jìn)行比較。否則，如果只有一個(gè)是數(shù)字，則將其排序到開(kāi)頭；如果兩者都不是數(shù)字，則根據(jù)您需要的順序 ( Open, Closed, Refurbishment) 進(jìn)行排序，這可以通過(guò)在定義排序順序的對(duì)象中查找短語(yǔ)來(lái)實(shí)現(xiàn)：
var states = {
'Open': 0,
'Closed': 1,
'Refurbishment': 2
};
$(document).ready(function() {
var sorted = $('#mytable tbody tr').sort(function(b, a) {
var a = $(a).find('td:last').text(),
b = $(b).find('td:last').text();
if (!isNaN(parseInt(a))) {
if (!isNaN(parseInt(b))) {
// a and b both numeric
return a.localeCompare(b, false, {
numeric: true
});
} else {
// a numeric, b not, sort b last
return 1;
}
} else if (!isNaN(parseInt(b))) {
// a not numeric, b numeric, sort a last
return -1;
} else {
// a not numeric, b not numeric, sort regular
return states[b] - states[a];
}
});
$('#mytable tbody').html(sorted)
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="mytable">
<tbody>
<tr>
<td>Challenge trails</td>
<td>Refurbishment</td>
</tr>
<tr>
<td>Camp Discovery</td>
<td>Open</td>
</tr>
<tr>
<td>Soaring</td>
<td>120 mins</td>
</tr>
<tr>
<td>Fantasia</td>
<td>20 mins</td>
</tr>
<tr>
<td>Shipwreck Shore</td>
<td>5 mins</td>
</tr>
<tr>
<td>Rex's Racer</td>
<td>105 mins</td>
</tr>
<tr>
<td>Slinky Dog</td>
<td>Closed</td>
</tr>
</tbody>
</table>
- 1 回答
- 0 關(guān)注
- 128 瀏覽
添加回答
舉報(bào)
0/150
提交
取消