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 コメントがある場所 (2 行目以降) に移動します。:nth-child と他のいくつかを使用してみましたが、成功しませんでした。どんな助けでも大歓迎です!

Jクエリ:

<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