Ajax警报功能无法处理laravel数据

我试图在单击“编辑”按钮时发出警报，但它在表中不起作用

Ajax代码：

  <script>
        $(function(){
    var $datasearch=$('#datasearch');
    $('#searchname').on('keyup', function(){
        $.get('/teachers/search/'+$(this).val(), function(teachers){
            $datasearch.empty();
            for (var i=0; i<teachers.length; i++){

                $datasearch.append('<tr>'
                +'<td>'+teachers[i].efirst+'</td>'+
                '<td>'+'<button class="btn btn-primary alert">edit</button>'+'</td>'
                +'</tr>');

            }
        });
    });
});
    </script>

$(function(){
    var $datasearch=$('#datasearch');
    $('#searchname').on('keyup', function(){
        $.get('/teachers/search/'+$(this).val(), function(teachers){
            $datasearch.empty();
            for (var i=0; i<teachers.length; i++){

                $datasearch.append('<tr>'
                +'<td>'+teachers[i].efirst+'</td>'+
                '<td>'+'<button class="btn btn-primary alert" onclick="clickfunction()">edit</button>'+'</td>'
                +'</tr>');

            }
        });
    });
});

$（函数（）{
var$datasearch=$（“#datasearch”）；
$（'#searchname'）。在（'keyup'，function（）上{
$.get（'/teachers/search/'+$（this.val（）），函数（teachers）{
$datasearch.empty（）；
对于（var i=0；i单击编辑按钮时，可使用以下内容显示警报：

          $(document).ready(function(){
            $("body").on("click", ".alert", function() {
              alert("clicked");
            });
          });

最好的方法

添加
onclick
属性：

  <script>
        $(function(){
    var $datasearch=$('#datasearch');
    $('#searchname').on('keyup', function(){
        $.get('/teachers/search/'+$(this).val(), function(teachers){
            $datasearch.empty();
            for (var i=0; i<teachers.length; i++){

                $datasearch.append('<tr>'
                +'<td>'+teachers[i].efirst+'</td>'+
                '<td>'+'<button class="btn btn-primary alert">edit</button>'+'</td>'
                +'</tr>');

            }
        });
    });
});
    </script>

$(function(){
    var $datasearch=$('#datasearch');
    $('#searchname').on('keyup', function(){
        $.get('/teachers/search/'+$(this).val(), function(teachers){
            $datasearch.empty();
            for (var i=0; i<teachers.length; i++){

                $datasearch.append('<tr>'
                +'<td>'+teachers[i].efirst+'</td>'+
                '<td>'+'<button class="btn btn-primary alert" onclick="clickfunction()">edit</button>'+'</td>'
                +'</tr>');

            }
        });
    });
});

文档准备就绪时，DOM中不存在该按钮，在添加该按钮之前添加了事件侦听器我应该更改什么？侦听附加事件并在按钮呈现时将单击事件侦听器附加到该按钮确定，如果需要，请添加答案possible@CaddyDZ您是对的，我正在尝试搜索如何调用函数时，它是必需的红色。正如你所建议的，如果你能回答，那也会有帮助
function clickfunction(){
     alert("clicked!");
     //Other code...
}