表格行上下移动、置顶的Javascript代码

$(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://blog.51cto.com/11985146/1841295

表格行上下移动、置顶的Javascript代码

上一篇:微信小程序分析


下一篇:App自动化03-Appium-desktop页面介绍