码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-08-23 06:48:59      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:

$(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"); 
    }); 
}); 

 

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

标签:

原文地址:http://www.cnblogs.com/jiaxin/p/5797811.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!