表格行上下移，置顶的js代码

$(function(){
    //上移
    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");
    });
});

转载于:https://www.cnblogs.com/jiaxin/p/5797811.html

表格行上下移，置顶的js代码相关推荐

jQuery实现表格行上移下移和置顶
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name ...
Layui 设置多个穿梭框，并增加上移下移置顶置底功能
Layui 设置多个穿梭框,并增加上移下移置顶置底功能介绍针对layui穿梭框进行了一些修改,增加上移下移置顶置底功能,设置了右侧框的排序功能,按序取值,按序加载的功能. 基于layui 2.5. ...
比较高效的表格行背景变色及选定高亮JS
比较高效的表格行背景变色及选定高亮JS 下面这个例一摘录自: http://blog.breakn.net/article.asp?id=447 例一: //点击当前选中行的时候设置当前行的颜色,同时 ...
html 窗口置顶,通用窗口置上(窗口置顶)工具
您打开了N多个窗口,是否想让某一个窗口置顶或保持在最前面显示呢?本次发布的这款窗口置顶窗口置上工具可以帮您把将指定窗口设置为总在最上,让该窗口在其他窗口的上面显示,不被其他窗口所覆盖,总在最前面显示. ...
word中下移置顶的表格
将在页面上方的word文档表格来下移的方法如下(以windows10系统的word2019版为例) 1.打开word文档,点击一个需要将表格下移的文档. 2.将鼠标光标定位到表格的第一行第一列. 3. ...
微信小程序指定盒子上滑置顶（记录）
wxml代码:  <view class="{{fixedNav?'topnavFixed':'topic-view'}}" i ...
oracle上移下移置顶,[置顶] 阅读Oracle官方文档指南
[置顶] 阅读Oracle官方文档指南还在整理中.... EXPDP/IMPDP 相关文档:Utilities 2 Data Pump Export 3 Data Pump Import ...
html置顶代码,详情页置顶自定义版块代码
详情页是能留住客户的关键,怎么在详情页上带来更好的转化? 在产品的头部做些商品推荐,活动推荐是不错的方法. 1.在产品装修页面里,添加一个自定义版块,右键点击审查元素(360浏览器是审查元素,其他浏览 ...
Vue 开发表格行上 LOV
介绍使用上和我的上一篇Vue 开发 Lov基本上一致,只有几点不一样. 使用 <LineLov v-model="scope.row.goodsCode" :value=& ...

表格行上下移，置顶的js代码

表格行上下移，置顶的js代码相关推荐

最新文章

热门文章