Javascript jQuery不是'；不工作，还是我用错了？

我是Jquery新手。我正在尝试用Jquery和AJAX实现一些基本功能，并动态生成HTML。但是对于“$（document）.ready（function（）”，它不起作用

$(function () 
{
 $.ajax({ 
  type: "POST",                                     
  url: 'api.php',                  //the script to call to get data          
  //data: { id:2 },                  //you can insert url argumnets here to pass to api.php
                                   //for example "id=5&parent=6"
  dataType: 'json',                //data format      
  success: function(data)          //on recieve of reply
  {
    $('#root').append('<div id="try"></div>');
    for(var i = 0; i < data.length; i++)
    {
      var cssId = 'writings'+ i;
      var id  = data[i][0];
      var name = data[i][1];
      //$('#root').append("id: "+id); //Set output element html
      $('#try').append('<div class="names" id="'+cssId+'">'+name);
      $('#'+cssId).append('<a href="#" class="edit" id="img1"><img src="img/edit.png"></a>');
      $('#'+cssId).append('<a href="#" class="delete" id="img2"><img src="img/delete.png"></a>');
      $('#try').append('</div>');
    }
  } 
 });
});

$(document).ready(function () {
$('#img1').on('click', function() {
$(this).remove();
});
});

$（函数（）
{
$.ajax（{
类型：“POST”，
url:'api.php'，//要调用以获取数据的脚本
//数据：{id:2}，//您可以在此处插入url argumnets以传递给api.php
//例如“id=5，父项=6”
数据类型：“json”，//数据格式
成功：函数（数据）//收到回复时
{
$（'#root'）。追加（''）；
对于（变量i=0；i

对于第一段代码，它生成了一个类似于[1]：“屏幕截图”的html。但当我点击编辑或删除按钮时，它不起作用。根据我的代码，它应该被删除

提前感谢。

使用此（外部文档。准备就绪）：

无论何时创建元素（在本例中为#img1），这都可以正常工作

---

只有当#img1在$（'#img1'）之前存在时，您的代码才有效。在（'click'，…。

-1

上，此问题没有显示任何研究成果。谢谢。这就像一个符咒一样有效。：D.@MichaelAguilar

$(document).on('click','#img1', function(){
   $(this).remove();
});