Javascript 未使用JQuery clone方法创建新表行
我有一个表,在这个表中,我有一个用于添加新行的按钮。在这个表中,当用户单击“添加行”按钮时,我想动态添加新行。我知道,但它不起作用。HTML和JQuery代码在JSFIDLE中。请建议Javascript 未使用JQuery clone方法创建新表行,javascript,jquery,Javascript,Jquery,我有一个表,在这个表中,我有一个用于添加新行的按钮。在这个表中,当用户单击“添加行”按钮时,我想动态添加新行。我知道,但它不起作用。HTML和JQuery代码在JSFIDLE中。请建议 <table id="myTable" border="1"> <tr> @*<td>SR</td>*@ <td>Name</td> <td>Age</td>
<table id="myTable" border="1">
<tr>
@*<td>SR</td>*@
<td>Name</td>
<td>Age</td>
<td>Delete?</td>
<td>Add</td>
</tr>
<tr>
@*<td>1</td>*@
<td><input size=25 type="text" id="nmbox" /></td>
<td><input size=25 type="text" id="agbox" /></td>
<td><input type="button" id="delRow" value="Delete" onclick="deleteRow(this)" /></td>
<td><input type="button" id="addRow" value="Add " onclick="insRow()" /></td>
</tr>
</table>
1个id选择器不匹配$'myTable tr:last'。caps T
2每个元素的id应该是唯一的
在行函数{
var new_row1=$'myTable tr:last'。克隆;
$'myTable'。追加新的第1行;
}
@*SR*@
名称
年龄
删去
添加
@*1*@
要在不使用jQuery的情况下将子元素添加到克隆元素中,请执行以下操作:
你试过:last child而不是:last了吗?你能给出完整的代码示例吗?我恢复您在insRow函数中显示的小JS代码?若是,那个么该函数是在窗口的作用域中声明的,还是在jquery document.ready事件处理程序中声明的?什么是JSFIDLE?如果没有完整的代码上下文,则不会显示任何问题。在insRow中输入Yes,两行JS代码已写入。id选择器不匹配$'myTable tr:last'。caps Tthanxxx。在freedomn-m也删除了它
clone = ElementTo.cloneNode();
while (ElementToBeCloned.firstChild){
clone.appendChild(ElementToBeCloned.lastChild);
}