![](/img/trans.png)
[英]HTML jquery: onclick function to delete dynamic table row is not calling
[英]how Do Dynamic Add a new row HTML table using Jquery in onclick last column
如何设置添加行点击到最后一个 Column3 列
Here Is Example http://jsfiddle.net/83aqdd62/8/
<table id="sampTable">
<thead>
<tr>
<td>Column 1</td>
<td>Column 2</td>
<td>Column 3</td>
</tr>
</thead>
<tbody>
<tr>
<td><input type="text"/></td>
<td><input type="text"/></td>
<td><input type="text"/></td>
</tr>
<tr>
<td><input type="text"/></td>
<td><input type="text"/></td>
<td><input type="text"/></td>
</tr>
</tbody>
</table>
查询
$('#sampTable tr td:last-child').on("click",function(){
addRow();
});
function addRow(){
$sampleRow = $(' <tr> <td><input type="text"/></td><td><input type="text"/></td> <td><input type="text"/></td></tr>');
$sampleRow.find("td:last").click(function(){
addRow();
});
$('#sampTable tbody').append($sampleRow);
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.