jquery - 根据类名称对表行进行排序

Question

我想根据类名称重新排列表行。
下面是我的 HTML 代码。

<table>
 <tr class="a4"><td>4</td></tr>
 <tr class="a6"><td>6</td></tr>
 <tr class="a1"><td>1</td></tr>
 <tr class="a2"><td>2</td></tr>
 <tr class="a5"><td>5</td></tr>
 <tr class="a3"><td>3</td></tr>
</table>

所以现在，类名 a1 应该首先显示，同样 a2 第二个......等等......

请有人帮助我

Answer 1

如果您不想依赖外部插件，可以使用 match() 从类名中提取数字。并使用内置的 sort() 对元素进行排序方法。

从那里，您可以使用 append()对表行重新排序(它将从表中删除每一行，然后将其重新添加到正确的位置):

$("table").append($("tr").get().sort(function(a, b) {
    return parseInt($(a).attr("class").match(/\d+/), 10)
         - parseInt($(b).attr("class").match(/\d+/), 10);
}));

您可以在 this fiddle 中看到结果.