Jquery+bootstrap实现表格行置顶置底上移下移操作
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 最近接到产品的一个需求,它是要对城市排序,实际操作中我们要实现表格行置顶置底上移下移操作. 如下图: 使用这些按钮,我们可以对城市进行上下移动的操作,这些排好序的城市就会在APP上这个顺序展示了. 我是怎么用Jquery+bootstrap进行实现这些功能的呢?往下看就知道了,嘿嘿. 1.html 首先我们加载好jquery与bootstrap基本的css与js,这个你们自己加载就好了.下面是我的HTML5代码: <form class="Form" method="get" autocomplete="off"> <table class="table table-bordered comTable table1"> <tr> <td colspan="3"> 北京市 <input type="text" name="city[]" value="11001" hidden> </td> <td colspan="1"> <input type="button" value="置顶" name="savedBtn" class="btn btn-primary upBtn top" /> <input type="button" value="置底" name="savedBtn" class="btn