Question

<table name="table1">
    <tr>
        <td>
            <input type="button" value="add"/>
            </td>
            <td>
                <table name="table2">
                    <tr>
                        <td>
                <input type="text"  placeholder="who" name="who" />
                <input type="text"  placeholder="the" name="the" />
                <input type="text"  placeholder="yes" name="yes" />
                        </td>
                    </td>
                </table>
            </td>
        </tr>
        </table>

这是fiddle

我有两张桌子。 table1和table2。

我在table1中有“添加”按钮，在table2中有“输入文本”。

点击添加后，应插入新行（输入文本框）。

Answer 1

<!DOCTYPE html>
<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <script>
            $(document).ready(function(){
                $(".button").click(function(){
                    $('.child-table tr:last').after('<tr></tr>');
                });
            });
        </script>
    </head>
    <body>
        <table>
            <tr>
                <td><input class="button" type="button" value="add"/></td>
                <td>
                    <table class="child-table">
                        <tr><td></td></tr>
                    </table>
                </td>
            </tr>
        </table>
    </body>
</html>

如何在其他表中添加行？

1 个答案: