jQuery实现动态操作table行

JQuery 实现动态操作 table 行，供大家参考，具体内容如下

实现效果：可动态实现table添加行和删除行，如下图。

代码如下：

 
 
 
 
  table {
   border: 1px solid #e9e9e9;
   border-collapse: collapse;
   border-spacing: 0;
  }

  tr,td {
   border: 1px solid #e9e9e9;
   text-align: center;
  }

  tr {
   height: 20px;
   background-color: #f7f7f7;
   color: #5c6b77;
   font-weight: 600;
  }

  td {
   width: 200px;
  }

  input {
   width: 150px;
  }
 




 

  

   
列1
   
列2
   
列3
   
列4
   
操作
  
  

   
添加行
  
 

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。