我在对表格进行排序时遇到问题。
我的表格 HTML 是这样的:
<table>
<tr>
<td>3</td>
<td>1</td>
</tr>
<tr>
<td>2</td>
<td>4</td>
</tr>
</table>
我希望它看起来像这样:
<table>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
这是我当前的排序代码:
var rows = $('tr');
rows.eq(0).find('td').sort(function(a, b) {
return $.text([a]) > $.text([b]) ? 1 : -1;
}).each(function(newIndex) {
var originalIndex = $(this).index();
rows.each(function() {
var td = $(this).find('td');
if (originalIndex !== newIndex)
td.eq(originalIndex).insertAfter(td.eq(newIndex));
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<table>
<tr>
<td>3</td>
<td>1</td>
</tr>
<tr>
<td>2</td>
<td>4</td>
</tr>
</table>
代码仅按单独的行排序。我无法使用任何插件,我需要使用 jquery 或 javascript 来完成此操作。任何人都可以建议如何使其发挥作用吗?
最佳答案
很简单。
- 将
td
中的所有数字存储在一个数组中。 - 对数组进行排序。
- 根据数组修改
td
。
以下是在 JS 中的实现方法:
var tds= [].slice.call(document.getElementsByTagName("td")); //Find <td> and store in array
var tdsa=tds.map(function (a) {return Number(a.innerHTML);}); //Take the innerHTMLs
tdsa.sort(); //Sort it
tds.forEach(function(a,i) {a.innerHTML=tdsa[i]}); //Modify <td>'s innerHTML
关于javascript - 表对列进行水平排序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40447377/