使用JQuery 对表格数据上下移动

最新推荐文章于 2020-05-07 09:27:58 发布

超斌

最新推荐文章于 2020-05-07 09:27:58 发布

阅读量910

点赞数

分类专栏： jQuery 文章标签： jquery function input class float table

本文链接：https://blog.csdn.net/qinxcb/article/details/7082659

版权

jQuery 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

$(document).ready(function() {

    //上移处理
   $("#btn_up").click(function(){
       var htm ='';
       $("input[name=check_box_show]").each(function(){
               if($(this).attr('checked')){
                   htm += $(this).val();

//alert($(this).parents("tr").clone(true));判断是否第一条，第一条不移动

                   if($(this).val()==$("#tab_show_info :first-child :checkbox").val()){
                       alert("'"+$(this).parents("td").text() +"' is the First !");
                       return ;
                   }
                    //向上移动
                   $(this).parents("tr").prev("tr").before(
                           $(this).parents("tr").clone(true));
                   $(this).parents("tr").remove();//删除当前的
               }
          });
       if(htm ==''){
               alert('Please Select "Show Information"!');
       }
   });

   $("#btn_down").click(function(){
       var htm ='';
       //alert();
       $("input[name=check_box_show]").each(function(){
               if($(this).attr('checked')){
                   htm += $(this).val();
                   //alert($(this).parents("tr").clone(true));判断是中最后一条
                   if($(this).val()==$("#tab_show_info :last-child :checkbox").val()){
                       alert("'"+$(this).parents("td").text() +"' is the Last !");
                       return ;
                   }
                    //复制并向下移动
                   $(this).parents("tr").next("tr").append(
                           $(this).parents("tr").clone(true));
                   $(this).parents("tr").remove();//删除当前的
               }
          });
       if(htm ==''){
           alert('Please Select "Show Information"!');
       }
   });


});

</script>

</head>
<body class="elite">

</div>

</body>

</html>

超斌

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
使用JQuery 对表格数据上下移动

$(document).ready(function() { //上移处理 $("#btn_up").click(function(){ var htm =''; $("input[name=check_box_show]").each(function(){ if($(this).attr
复制链接

扫一扫

专栏目录