jQueryでテーブルのソート
テーブルを並び替え（昇順、降順）
jQuery
$(function () {
$('tbody').html(
$('tr').sort(function(a, b) {
//昇順
if ($(a).find('td').eq(0).text() > $(b).find('td').eq(0).text()) {
// 降順
// if ($(a).find('td').eq(0).text() < $(b).find('td').eq(0).text()) {
return 1;
} else {
return -1;
}
})
);
});
.find('td').eq(0).text()で1番目のtd、.find('td').eq(1).text()で2番目のtdをキーにソート。
HTML
<table>
<tbody>
<tr>
<th>1</th>
<td>Apple</td>
<td>リンゴ</td>
</tr>
<tr>
<th>2</th>
<td>Banana</td>
<td>バナナ</td>
</tr>
（略）
<tr>
<th>7</th>
<td>Tennis</td>
<td>テニス</td>
</tr>
<tr>
<th>8</th>
<td>Basketball</td>
<td>バスケットボール</td>
</tr>
</tbody>
</table>
サンプル
