0

我正在尝试将一些动态生成的 html（通过 PHP）插入到表中，但我在使用 JQuery 函数遍历 DOM 时感到非常尴尬。

这是我的桌子：

<table id = "tasks_table">
        <tr>
            <th>Date</th>
            <th>Hours</th>
            <th>Task</th>
            <th></th>
        </tr>
        <tr id = "form">
            <form action="index.php" method="POST" id="task_form">
                <td><input type="text" id="deadline_text" name="deadline_text"/></td>
                <td><input type="text" id="duration_text" name="duration_text"/></td>
                <td><input type="text" id="description_text" name="description_text"/></td>
                <td><input type="submit" value="Add Task" id="task_submit"/></button></td>
            </form>
        </tr>

        <?php
            //TaskDB::generateTaskTable();
        ?>
        </table>

...并且代码在 PHP 注释所在的位置——在第二行之后。我试过使用 :nth-child 和其他一些没有成功。任何帮助将非常感激！

查询：

<script>
        $(document).ready(function(){
            $('#task_submit').on('click', function(e){
                $.post('index.php', $("#task_form").serialize(), function(data){

                    $(' ').append(data);
                    console.log(data);
                });
                e.preventDefault();
            });
        });
    </script>
4

2 回答 2

0

尝试afterorinsertAfter方法，这些方法在此处通过示例进行了记录，例如

$(php_code).insertAfter('#form')

php_code您要插入的代码在哪里。

于 2012-08-05T18:48:43.790 回答
0

嗯，click改成submit. 您可以将事件绑定到表单上的提交事件。

而且你在任何地方都没有附加东西：

$(' ').append(data);

在其中放置一个选择器以将其附加到页面上的实际元素。

编辑：哎呀，我现在得到问题了。:P

与 Ghopper21 的回答类似，您也可以这样做：

$("#form").after( [html content to add] );
于 2012-08-05T18:56:36.590 回答