動的に生成された 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>