Jquery操作HTML元素

Question

   <tr id="trProduction">
                    <td >
                        <table style="border: dashed 2px red; width: 100%;height:100%;" align="left">
                            <tr>
                                <td>
                                    年：<span style="color: red">*</span>
                                </td>
                                <td>
                                    <input id="txtMonth" type="text" value="2012" style="width: 200px" />
                                </td>
                            </tr>
                            <tr style="display: inline">
                                <td>
                                    数量：<span style="color: red">*</span>
                                </td>
                                <td>
                                    <input type="text" value="14520,00" style="width: 140px;" />
                                    <select style="width: 60px">
                                        <option>Tonne</option>
                                    </select>
                                </td>
                            </tr>
                            <tr style="display: inline">
                                <td>
                                    值：
                                </td>
                                <td>
                                    <input type="text" value="12580,00" style="width: 140px;" />
                                    <select style="width: 60px">
                                        <option>USD</option>
                                    </select>
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td><input id="btnAdd" type="button" value="增加" />      
                     </td>
                </tr> 

 

我想在点击btnAdd 的时候，自动在上面的tr id=trProduction 这行后面 继续添加上面的一个tr，重复内容.请教实现方法

   $(document).ready(function() {
            $("input:button[id=btnAdd]").click(function() {
                $("<input type='text' name='ddd' id='ddd' value='Hello, Nowamagic' ><br>").appendTo("#trProduction");
            });

........................................

       });

Answer 1

$(function(){ $("#btnAdd").click(function(){ $("#trProduction").after($($("#trProduction")).clone()); }); });

Answer 2

 $("#btnAdd").click(function () {                $(this).parents("table").append($($(this).parent().parent()).clone());            });

Answer 3

appendTo(content) 把所有匹配的元素追加到另一个指定的元素元素集合中。  $("<input type='text' name='ddd' id='ddd' value='Hello, Nowamagic' ><br>").appendTo("#trProduction") appendTo("#trProduction")这样写是不是有问题

Answer 4

给上一个tr加个id然后将这个带id的tr中的内容通过appendTo加载到你想要显示的位置。