在页面加载时按字母顺序对 html 表进行排序

Sha*_*ley 2 html javascript sorting jquery

我希望在页面加载时按字母顺序对 html 表进行排序,就像对无序列表进行排序的方式相同。

我尝试使用下面的代码但没有用:

    var mylist = $('#myTable');
var listitems = mylist.children('tr').get();
listitems.sort(function(a, b) {
   return $(a).text().toUpperCase().localeCompare($(b).text().toUpperCase());
})
$.each(listitems, function(idx, itm) { mylist.append(itm); });
Run Code Online (Sandbox Code Playgroud)

进而

<table id="myTable">
<tr>
<td>B</td>
<td>12/01/2016</td>
</tr>
<tr>
<td>A</td>
<td>12/01/2016</td>
</tr>
</table>
Run Code Online (Sandbox Code Playgroud)

我希望它按行中的第一列的字母顺序对表格进行排序。

我在网上找不到任何关于此的信息。

Sin*_*ing 5

您的问题是这一行没有返回您的 trs:

var listitems = mylist.children('tr').get();
Run Code Online (Sandbox Code Playgroud)

修改到下面,一切都会起作用。

var listitems = mylist.find('tr');
Run Code Online (Sandbox Code Playgroud)

var listitems = mylist.children('tr').get();
Run Code Online (Sandbox Code Playgroud)
var listitems = mylist.find('tr');
Run Code Online (Sandbox Code Playgroud)