日期:2014-05-17  浏览次数:20733 次

jquery 问题(急啊 高手来看看啊谢谢!!!)
<tr>
<td>
<input type="button" onclick="append()"/>
</td>
<td>ssssss</td>
<td>yyyy</td>
</tr>
<tr>
<td></td>
<td>ssssss</td>
<td>yyyy</td>
</tr><tr>
<td>
<input type="button" onclick="append()"/>
</td>
<td>ssssss</td>
<td>yyyy</td>
</tr>

怎么在点击按钮的时候能够实现1.紧跟着按钮的下一行添加一行<input type="text"/> <input type="text"/> <input type="text"/> 2.点击一次按钮就可以紧跟着后面添加 3.并且要求这些文本框都有id

------解决方案--------------------
HTML code

  <script type="text/javascript">
    var count = 0;
    function append(e){
        count ++;
        var $tr = $(e).parent().parent();
        $tr.after('<tr><td><input id="input_1_'+count+'" type="text"/></td><td> <input id="input_2_'+count+'" type="text"/> </td><td><input id="input_3_'+count+'" type="text"/></td></tr>');
    }
  
  </script>
 <table>
    <tr dd=3>
        <td>
            <input type="button" value="添加一行" onclick="append(this)"/>
        </td>
        <td>ssssss</td>
        <td>yyyy</td>
    </tr>
    <tr>
        <td></td>
        <td>ssssss</td>
        <td>yyyy</td>
    </tr>
    <tr dd=4>
        <td>
            <input type="button"  value="添加一行" onclick="append(this)"/>
        </td>
        <td>ssssss</td>
        <td>yyyy</td>
    </tr>
</table>