zoukankan      html  css  js  c++  java
  • 表格行上下移,置顶的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"); 
        }); 
    }); 

     

  • 相关阅读:
    HTML初步学习7
    HTML初步学习6
    HTML初步学习5
    HTML初步学习4
    poj3449Geometric Shapes
    poj2074Line of Sight(直线相交)
    2014 Multi-University Training Contest 4
    poj3347Kadj Squares
    poj1556The Doors
    poj3608Bridge Across Islands(凸包间最小距离)
  • 原文地址:https://www.cnblogs.com/jiaxin/p/5797811.html
Copyright © 2011-2022 走看看