如何使用jQuery对具有相同类型数据的表进行排序

Question

我有此代码表：

<button type="button" class="btn btn-sortner" data-target="type">Sort By Type</button>

<table>
    <tbody>
        <tr class="sortner" data-status="type">
            <td>Shoes<td>
        </tr>

        <tr class="sortner" data-status="type2">
            <td>Gloves<td>
        </tr>

        <tr class="sortner" data-status="type">
            <td>Shock<td>
        </tr>

        <tr class="sortner" data-status="type2">
            <td>Pad<td>
        </tr>
    </tbody>
</table>

如何使用jQuery对具有相同数据状态的<tr>进行排序？ 我正在寻找这个jQuery函数，但我不知道如何排序：

$(document).ready(function () {
    $('.btn-sortner').on('click', function () {
        var $target = $(this).data('target');
        var $type_row = $('tr.sortner').data('status');

        if ($target == $type_row) {
            //do sortof the table with the same type row
        }
    });
});

Answer 1

认为您需要排序功能。

 data.sort(function(a, b) {
          return (a.status > b.status) ? 1 : ((b.status > a.status) ? -1 : 0)
        })

这是您的数据的小提琴，您可以在其中按状态或名称进行排序。

https://jsfiddle.net/5mshnLj2/