javascript - 在 jquery 或 javascript 中对具有相同文本的表 td 进行排序

Question

我需要了解如何对 td 中具有相同文本的表格进行排序

例如我有一个下表

Column 1     Column 2
    A           test1           
    B           test2
    C           test3
    D           test1
    E           test4
    F           test3

我想要一个类似下面的输出

Column 1     Column 2
    A           test1           
    D           test1
    C           test3
    F           test3
    B           test2
    E           test4

为什么我要这样排序，这样我就可以很容易地做行跨

Answer 1

请看Jsfiddle

    var trs = $("table tbody tr").sort((a,b)=> {return $(a).find("td:nth(1)").text().localeCompare($(b).find("td:nth(1)").text())})
    $("table tbody").empty().append(trs)

首先，选择所有tr行

其次，根据第二个td的文本对每个元素进行排序

然后，清除tbody中的所有子节点，追加排序好的trs