Html
    Css
    Js

    
                        
tr,td {
	border:1px solid black;
	width:100px;
	height:50px;
	padding:5px;
	text-align:center;
}
table {
	border-collapse:collapse;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:2.0.0
 立即下载

jquery实现表格复制

点击上面表格某行前的选择框,将该行复制到下面的表格中。

3
      浅浅请0
      2017/11/8 13:12:21
      $(document).ready(function() {
          var $cb_fruit = $(".cb_fruit");
          $(".cb_fruit").click(function() {
              $("tr").remove('.tb2-tr'); //把表格内容都去掉
              $cb_fruit.each(function() {
                  if ($(this).get(0).checked) {
                      $("#tb2").append('<tr class="tb2-tr">' + $(this).parents("tr").html() + '</tr>'); //添加表格内容
                  }
              })
          })
      })
          facous0
          2017/11/10 15:06:37

          厉害,厉害

          看来我当时思路有点跑偏了,非要一个个的遍历。

      回复
      心中有你0
      2017/11/6 10:18:14
      $(".show_tab_val").each(function() {
           $that = $(this);
           $element_checked.each(function() {
                $that.append('<td>' + $(this).text() + '</td>');
                //遍历 将里面的值给div
      });
      回复