php - 单击按钮时删除动态创建的 dom 元素

Question

我正在创建一个从数据库中提取数据的表，它是学院和院系的列表

 <div class="accord">
    <?php
       foreach($collegename as $clglist)
    { ?>

        <table class="table table-bordered">
            <thead class="head"><tr><th><h3><?php echo $clglist['college_name']; ?></h3></th>
                    <th><button id='clgname-<?php echo $clglist['college_id']; ?>'>delete</button></th></tr> </thead>
            <tbody>
            <?php

                    foreach($departmentname as $deptlist)
                    {

            ?>
            <tr><td> <?php
                          echo $deptlist['dept_name'].'<br>';
                      ?>
                        </td> <td> <button id='deptname-<?php echo $deptlist['dept_id']; ?>'>delete</button></td></tr>
                      <?php 
                   }
                ?>  
                </tbody>     
         </table>

       <?php        
    }
 ?>  
</div>

单击学院名称时，会显示院系名称。我使用 jQuery 来实现切换功能。

$(document).ready(function(){
jQuery(document).ready(function(){
    $('.accord .table .head').click(function() {
        $(this).next().toggle();
        return false;
    }).next().hide();
});

$("#clgname-<?php echo $clglist['college_id']; ?>").on("click", function() {
       alert("testing");
  });

我想添加删除功能，因此当单击每行中的部门名称旁边的删除按钮时，应从表中删除该部门行。但是，当我单击按钮时什么也没有发生。我尝试创建一条警报消息，但也失败了。我确信我犯了一些错误，可能无法识别我动态分配的每个按钮的 id。谁能看看并告诉我在这里做什么:

Answer 1

您需要使用以下内容:

//$ is replaceable with jQuery
$(document).on('click', '.accord .table .head', function(){

//Do stuff here

});

这是处理动态创建的 DOM 元素的方式。