表格行变换顺序功能(jquery)

周末写了个更改表格行顺序的小功能,直接贴代码文章来源地址https://www.yii666.com/article/756122.html文章地址https://www.yii666.com/article/756122.html

表格部分如下:

<table class="table" id="test_table">
<thead>
<tr>
<th>时间</th>
<th>详情</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr cid="7.0.0-2014-04-29_11-02-24_123" class="list_line">
<td>
2014-04-29 11:02:24
</td>
<td>
详情
</td>
<td>
<span class="move_btn glyphicon glyphicon-arrow-up" move_act="up"></span>
<span class="move_btn glyphicon glyphicon-arrow-down" move_act="down"></span>
</td>
</tr>
<tr cid="7.0.0-2014-04-29_11-02-24_915" class="list_line">
<td>
2014-04-28 10:00:00
</td>
<td>
详情
</td>
<td>
<span class="move_btn glyphicon glyphicon-arrow-up" move_act="up"></span>
<span class="move_btn glyphicon glyphicon-arrow-down" move_act="down"></span>
</td>
</tr>
</tbody>
</table>

js代码,其中会为要变更的行在变更顺序后加上class=danger网址:yii666.com

<script type="text/javascript">
$(function(){
$('.move_btn').click(function(){
var move_act = $(this).attr('move_act');
$('#test_table tbody tr').removeClass('danger'); if(move_act == 'up'){
$(this).parent().parent('tr').addClass('danger')
.prev().before($(this).parent().parent('tr'));
}
else if(move_act == 'down'){
$(this).parent().parent('tr').addClass('danger')
.next().after($(this).parent().parent('tr'));
}
setTimeout("$('#test_table tbody tr').removeClass('danger');", 2000);
});
});
</script>

更改后可以按照每行的唯一标记提交新的顺序文章来源地址:https://www.yii666.com/article/756122.html

吐槽:喊着加班=狼性的公司都是不适合正常人类生存的公司,把周末加班当成鼓吹的事情&评价员工是否有狼性的标准更是扯淡。网址:yii666.com<

版权声明:本文内容来源于网络,版权归原作者所有,此博客不拥有其著作权,亦不承担相应法律责任。文本页已经标记具体来源原文地址,请点击原文查看来源网址,站内文章以及资源内容站长不承诺其正确性,如侵犯了您的权益,请联系站长如有侵权请联系站长,将立刻删除

表格行变换顺序功能(jquery)-相关文章

  1. 表格行变换顺序功能(jquery)

  2. 使用样式“clear”和“overflow”消除浮动元素对环绕行框的影响

  3. flex盒子里面元素linehight对高度的影响

  4. 行高:line-height图文解析

  5. Core Animation笔记(变换)

    1.仿射变换CGAffineTransformMakeScale :CGAffineTransformMakeTranslationCGAffineTransformMakeRotation(CGFloat angle)2.3D 效果

  6. 【线性代数】2-7:转置与变换(Transposes and Permutation)

    title: 【线性代数】2-7:转置与变换(Transposes and Permutation)toc: truecategories:MathematicLinear Algebradate: 2017-09-12 16:47:01keywords:TransposesPermutationSymmetricInner ProductsR’RAbstract: 矩阵的转置和行变换(permutation),包含一些运算的转置,以及对称概念的提出和相关性质Keywords: Transposes,Permutation,

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信图片_20190322181744_03.jpg

微信扫一扫打赏

请作者喝杯咖啡吧~

支付宝扫一扫领取红包,优惠每天领

二维码1

zhifubaohongbao.png

二维码2

zhifubaohongbao2.png