用jquery 比如点击按钮则增加input框

Question

HTML代码：
table>
<tr>
<td><input type="text" id="first" /></td>
<td><input type="button" value="add" onclick="addInput()"/></td>
</tr>
<tr id="dddd"></tr>
</table>JQUERY代码：
function addInput(){ $("#dddd").append("<input type=\"text\" id=\"secnd\" /> ");  }
我试了好几个方法 都没法加上去   比如说 默认有一个input 在页面点击button 就在原有的 
         <tr>
<td><input type="text" id="first" /></td>
<td><input type="button" value="add" onclick="addInput()"/></td>
</tr>
代码下面在加
         <tr>
<td><input type="text" id="second" /></td>
</tr>帮帮~~解决

Answer 1

<tr id="dddd"> </tr>  换<tr ><tdid="dddd"> </td></tr> function addInput(){
        $("<input type='text' id='second'>").appendTo($("#dddd"));
        }

Answer 2

楼主在tr下直接加上input标签了...忽略了td，把td补上应该就可以了 

Answer 3

<table>
<tr>
<td><text type="text" id="first" /></td>
<td><button type="button" value="add"></td>
</tr>
<tr id="dddd"></tr>
</table><script type="text/javascript">
${document}.ready(function(){
${"botton"}.click(function(){
${"#dddd"}.append("<input type=\"text\" id=\"secnd\"/>");
});
});
</script>