
jquery实现表格上移,下移置顶操作,很简单的实现。
主要代码如下:
//上移 var $up = $(".up") $up.click(function () { var $tr = $(this).parents("tr"); if ($tr.index() != 0) { $tr.fadeOut().fadeIn(); $tr.prev().before($tr); } }); //下移 var $down = $(".down"); var len = $down.length; $down.click(function () { var $tr = $(this).parents("tr"); if ($tr.index() != len - 1) { $tr.fadeOut().fadeIn(); $tr.next().after($tr); } }); //置顶 var $top = $(".top"); $top.click(function () { var $tr = $(this).parents("tr"); $tr.fadeOut().fadeIn(); $(".table").prepend($tr); $tr.css("color", "#f60"); });
PREVIOUS:
NEXT:
- 游客2018-06-14 22:19:37
这里这篇文章 非常全 非常好: http://www.aijquery.cn/Html/jqueryjiqiao/95.html
- 游客2018-06-14 22:18:18
http://www.aijquery.cn/Html/jqueryjiqiao/95.html
- fangxiaoxin2017-04-25 15:51:43
可以,有在找这个怎么做的
3
条评论