javascript - 使用随机值进行表排序
问题描述
我是 javascript/Html 的新手,我有一个包含我想要排序的值的标签。问题是我如何为列/行创建一个循环,以便它们可以保持相同的数量。
<html>
<head>
<script>
function Table() {
var list, i, switching, b, shouldSwitch, attrib;
list = document.getElementById("picks");
attrib = document.getElementsByTagName("TD");
switching = true;
while (switching) {
switching = false;
b = list.getElementsByTagName("p");
for (i = 0; i < (b.length - 1); i++) {
shouldSwitch = false;
if (b[i].innerHTML.toLowerCase() > b[i + 1].innerHTML.toLowerCase()) {
shouldSwitch = true;
break;
}
}
if (shouldSwitch) {
attrib[i].parentNode.insertBefore(attrib[i + 1], attrib[i]);
switching = true;
}
}
}
</script>
</head>
<body>
<button onclick="Table()">Sort</button>
<table id="picks">
<tr>
<td><p>Sam</p></td>
<td><p>Leo</p></td>
<td><p>Teo</p></td>
</tr>
<tr>
<td><p>Ann</p></td>
<td><p>Susan</p></td>
<td><p>Sasha</p></td>
</tr>
<tr>
<td><p>Yu</p></td>
<td><p>Harry</p></td>
<td><p>Katy</p></td>
</tr>
</table>
</body>
</html>
我尝试为 document.getElementsByTagName("TR"); 制作一个 for 循环。并没有真正得到最终结果。我使用一列作为参数并重新排列整个表。
解决方案
推荐阅读
- python - 如何比较两个或多个音频文件并获取音频不同的时间码?
- php - 根据第一个表中的主键插入多个mysql表
- python - 在 python 代码中执行更新查询时出现此错误
- tensorflow - 如何将 TFLite 模型转换为量化的 TFLite 模型?
- flutter - 没有为类型“_SIFormState”定义方法“registerTeams”。尝试将名称更正为现有方法的名称,
- gtsummary - 添加控制和案例编号而不是 add_nevent()
- python - pandas plot timeseries color per id of the individual time series
- mysql - 难点单/分组/计数
- arrays - 如何在数组元素中搜索名称数组
- c# - 单击创建新孔时希望能够选择一个 courseId