tr如何往后面动态拼接

tr往后面动态拼接方法如下：

1、使用jquery需要先拼接html内容。

2、把html添加到父层元素当中。

3、table当中需要动态增加tr。

4、拼接后再把html添加或者替换table的内容即可。

按照要求，在点击每一行的修改按钮，需要获取对应行的第一列input的value值，对应的js代码参考下方：

function change(){

   var text = $(this).parents('tr').children('td:eq(0)').children('input').val()

   console.log(text)

}

还有更加简便的方法：在forEach循环生成tr和td元素时，按照如下规则生成td元素：

<c:forEach items="${projectHot26005s}" var="zslb">

<tr id="sj1">

<td><input type="text" id="txt${zslb.projectId}" value="" maxlength="2"></td>

<td>${zslb.projectName }</td>

<td><button class="btn btn-red r3 margin" onclick="btnDelete('${zslb.projectId }')">删除</button></td>

<td><button class="btn btn-red r3 margin" onclick="change('${zslb.projectId}')">修改</button></td>

</tr>

</c:forEach>

这样在change方法中就能通过唯一的id来定位到指定的input，既而获取到value值：

function change(id){

   var text = $("#txt" + id).val()

   console.log(text)

}

---