table实现双击可编辑、添加、删除行

html：

<table class="table table-bordered" id="para_table"> 
 <tr> 
  <th style="text-align:center" width="200">名称</th> 
  <th style="text-align:center" width="200">值</th> 
  <th style="text-align:center" width="100">操作</th> 
 </tr> 
 <tr> 
  <td style="text-align:center; " onclick="tdclick(this)"></td> 
  <td style="text-align:center; " onclick="tdclick(this)"></td> 
  <td style="text-align:center; " onclick="deletetr(this)"> 
  <button type="button" class="btn btn-xs btn-link">删除</button> 
  </td> 
 </tr> 
</table> 
 
<p id="addtrp" style="margin-top:-15px; width: 15%; float: right;"> 
 <button type="button" class="btn btn-xs btn-link" onclick="addtr()">添加</button> 
</p>

js：

相关推荐：

jQuery双击编辑表格功能的实现方法

html中在鼠标双击元素时触发的事件属性ondblclick

利用jQuery 实现双击编辑表格功能

以上就是table实现双击可编辑、添加、删除行的详细内容，更多请关注Gxl网其它相关文章！