Jquery 实现html table 行 Tr 的复制 . table追加消除

最新推荐文章于 2021-06-28 21:53:38 发布

java_pp

最新推荐文章于 2021-06-28 21:53:38 发布

阅读量2.9k

点赞数

本文链接：https://blog.csdn.net/java_pp/article/details/8165628

版权

这篇博客介绍了如何使用Jquery实现HTML表格行的复制和追加操作。提供了两个函数`addTimeBtn`用于添加行，一个是直接创建新行，另一个是通过克隆第一行实现。同时，还展示了删除行的函数`delTimeBtn`以及获取表格行数量的方法。示例中包含HTML结构和实际的Jquery代码片段。

摘要由CSDN通过智能技术生成

1--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

// 「追加」ボタンを押下する
function addTimeBtn(obj) {
  var $tr = $("<tr>"+
  "<td style='border:0px;'>"+
   "<select>"+
    "<option></option>"+
    "<option value='1'>1</option>"+
   "</select>"+
   " 時 "+
   "<select>"+
    "<option></option>"+
    "<option value='1'>1</option>"+
   "</select>"+
   " 分"+
  "</td>"+
  "<td style='border:0px;'>"+
   "<a href=