jquery里怎么用clone给表格增加一行

你想要的效果是，表格的每一行后面有个“添加”按钮，点击按钮后，会自动复制当前行，添加到当前行的后面，这个效果吧？

假设，我们有这样一个table表格：

<table id="table">

    <tr>

        <td>内容1</td>

        <td>

            <button class="addtr">添加</button>

            <button class="deltr">删除</button>

        </td>

    <tr>

</table>

用jquery来实现“添加”和“删除”的功能：

下面这个是添加：

$("#table").on("click","button.addtr",function(){

    var $tr=$(this).parents("tr")

    $tr.append($tr.clone())

})

下面是删除：

$("#table").on("click","button.deltr",function(){

    var $tr=$(this).parents("tr")

    $tr.remove()

})

可以参考这里，有完整的在线实例演示：

query实例：表格里点击按钮后添加一行，新添加的行附带删除按钮

如下所示：

////在table的第二行的位置添加一行：

var tbl_elm = $("#dgList")

$('<tr><td colspan=\'2\'>xxxxxx</td></tr>').insertBefore($("TR", tbl_elm).eq(1))

////table中指定行第N列合并单元格(合并后会多出一列，删除N+1单元格即可)

var tds = $("#dgList .TableHeader1").find('td')

tds[6].setAttribute("colSpan", "2")

还可以写成：tds[6].attr("rowSpan", 2)

这种格式$("#dgList").find("tr").eq(0).find("td").eq(7).remove()

////juqery 读取table第N行第M列

$("#dgList").find("tr").eq(N).find("td").eq(M)

////合并一行中除个别单元格之外的所有单元格

$("#dgList tr:eq(0) td").each(function () {

if ($(this).text() != '租赁资源' &&$(this).text() != '用地规范') {

$(this).attr("rowspan", "2")

}

})

////指定行插入指定行后面

$('<tr><td>租赁资源</td><td>用地规范</td></tr>').insertAfter($("#dgList tr:eq(0)"))

---