如何通过使用jQuery单击thead来对表列进行排序?

时间:2019-02-17 22:13:27

标签: jquery html sorting

我在PHP文件中具有这部分代码,该代码会从数据库中清空数据并使用所有寄存器创建一个表

<table class="scroll" id="cpersons">
    <thead>
        <tr>
            <th>id</th>
            <th>First name</th>
            <th>Last name</th>
            <th>Address</th>
            <th>Mobile</th>
            <th>Email</th>
        </tr>
    </thead>
    <tbody>
        <?php while($row = mysqli_fetch_array($result1)):;?>
            <tr>
                <td><?php echo $row[0];?></td>
                <td><?php echo $row[1];?></td>
                <td><?php echo $row[2];?></td>
                <td><?php echo $row[3];?></td>
                <td><?php echo $row[4];?></td>
                <td><?php echo $row[5];?></td>
            </tr>
        <?php endwhile;?>
    </tbody>
</table>

我尝试了许多使用jQuery的方法,但是没有任何效果。

如何通过使用jQuery单击当前列的升序和降序的任何<thead>元素(id,名字,...)来对表格进行排序?

我认为这样的代码

$(document).ready(function(){
    $("#cpersons thead tr th").click(function () {
        ownerIndex = $(this).index() + 1;
        $("#cpersons tbody tr td:nth-child("+ownerIndex+")").whatHereToSortMyTable(?);
    });
});

如何用这段代码替换whatHereToSortMyTable(?)以便按照我的描述正确排序?

0 个答案:

没有答案