Javascript onclick（）在表中不起作用

我创建了一个约会表，并添加了两个接受和拒绝约会的链接。链接显示在表格的每一行，但当我点击它时，文本接受和拒绝仅显示在第一行&我还需要知道如何将按钮点击后出现的文本插入数据库中，我会请求某人提供帮助，谢谢

<form method="post" action="delete.php" >
   <table cellpadding="0" cellspacing="0" border="0" class="table table-condensed" id="example">
      <thead>
         <tr>
            <th>appoinment ID</th>
            <th>Date</th>
            <th>time</th>
            <th>teacher</th>
            <th>parent</th>
            <th> accept/reject </th>
            <th>label</th>
         </tr>
      </thead>
      <tbody>
         <?php 
            $query=mysqli_query($conn, "select * from `app` left join `par` on par.par_id=app.par_id
            left join `tea` on tea.tea_id=app.tea_id
            ORDER BY app_id DESC");

                if($query === false)
                {
                    throw new Exception(mysql_error($conn));
                }
                while($row=mysqli_fetch_array($query))
                {
                    $ann_id=$row['app_id'];
                    $date=$row['date'];
                    $msg=$row['time'];

                    $username = $row['username'];
                     $username = $row['p_username'];
            ?>
         <tr>
            <td><?php echo $row['app_id'] ?></td>
            <td> <?php echo date('j/m/y',strtotime($row['date'])); ?></td>
            <td><?php echo $row['time'] ?></td>
            <td><?php echo $row['p_username'] ?></td>
            <td><?php echo $row['username'] ?></td>
            <td>    <a href="#" onclick="document.getElementById('chgtext').innerHTML='reject';">reject</a> &nbsp; &nbsp;
               <a href="#" onclick="document.getElementById('chgtext').innerHTML='accept';">accept</a>&nbsp;  &nbsp;
            </td>
            <td>
               <div id="chgtext">PENDING</div>
            </td>
         </tr>
         <?php 
            }

            ?>
      </tbody>
   </table>
   </div>
</form>

---

在jQuery中，它将如下所示：

<td>
    <a href="#" class="reject">reject</a> 
    <a href="#" class="accept">accept</a>
</td>
<td>
    <div class="chgtext">PENDING</div>
</td>

然后，在关闭主体标记之前：

<script>
    $(document).ready(function(){
        $('.reject').on('click', function(){
            var row = $(this).closest('tr'); //find the row the link is in
            var thediv = row.find('.chgtext') //find the correct div within that tr
            $(thediv).text('reject');
        });
        $('.accept').on('click', function(){
            var row = $(this).closest('tr'); //find the row the link is in
            var thediv = row.find('.chgtext') //find the correct div within that tr
            $(thediv).text('accept');
        });
    });
</script>

---

您可以将代码缩短，但我想一步一步地向您展示它的工作原理。

您需要使用此关键字-阅读相关内容。在jQuery中，它将是$this.closest'tr'。查找'chgtext'。innerHTML='accept'；它找到所单击的a所在的tr，然后在其中找到chgtextrow@MichałSkrzypek我不了解您的循环，但它会创建几个id chgtext，这对w3c不好pratice@Fky那么怎么做我可以让你成为一个片段，但是我只能在jQuery中这样做是为了诚实，我应该在代码中添加任何附加内容吗…目前不工作，你包括jQuery吗？不。。。你能解释一下在你的页面的头标签之间你需要包含jquery:。另外，我的脚本中有一个bug，我纠正了它，Hanks bro，它工作了…我应该怎么做才能将它插入数据库