javascript - 按字符串对 Javascript 对象数组进行排序

Question

我的问题与发现的问题类似here ，但我只想按字符串排序。假设我有以下 HTML。

<tbody>
        <tr class="finance" data-order="1">
            <td>John Smith</td>
            <td>Finance</td>
        </tr>
        <tr class="marketing" data-order="2">
            <td>Jane Doe</td>
            <td>Marketing</td>
        </tr>
        <tr class="maintenance" data-order="3">
            <td>Gary Ryan</td>
            <td>Maintenance</td>
        </tr>
        <tr class="dataEntry" data-order="4">
            <td>Damon Watts</td>
            <td>Data Entry</td>
        </tr>
        <tr class="dataEntry" data-order="5">
            <td>Ben Young</td>
            <td>Data Entry</td>
        </tr>
        <tr class="maintenance" data-order="6">
            <td>Calvin Lewis</td>
            <td>Maintenance</td>
        </tr>
    </tbody>

如何按第二个 td 升序或降序排序？现在我有这样的东西:

//Ascending Order
var tableRows = new Array();
    $("tbody tr").each(function(){
        tableRows.push(this);
    });
    console.log(tableRows);
    tableRows.sort(function(a, b){
        return( //not sure what to do here)
    }

Answer 1

对它们进行排序？

$("tbody tr").sort(function(a, b) {
    var a_txt = $(a).find('td').eq(1).text(),
        b_txt = $(b).find('td').eq(1).text();

    return a_txt.localeCompare(b_txt);
}).appendTo('tbody');

FIDDLE

要切换顺序，只需执行 b_txt.localeCompare(a_txt); 即可