Javascript 通过ajax动态创建表。关于功能

我正在使用

ajax

动态创建一个表。当有人输入查询时，将创建一个表（数据）并替换

#content display

中的内容：

function searchQuery(query){    
    $.ajax({
      url: "search.php",
      data: {term: query},
      success: function(data){
          $("#content-display").html(data);
      },
      dataType: 'html'
    });     
}

当有人单击表中的条目时，我想提醒用户他们单击了什么：

$(document).ready(function(){    
    $("#myTable tbody tr").on('click', function (){    
        alert($(this).children(":first")text());       
    });    
});

但是上的

.on方法对我不起作用。当我将
.on
替换为
.live
时，它会提醒用户刚刚单击的内容，但由于
.live
已被弃用，我如何更改
.on
方法的语法以使其正常工作？
为什么不使用

$(document).ready(function(){    
    $("#content-display").on('click', '#myTable tbody tr', function (){    
        alert($(this).children(":first").text());       
    });    
});

$("#myTable tbody tr").click(function() {});

相反？
为什么不使用

$("#myTable tbody tr").click(function() {});

相反？
@LedZeppelin。因此，将
#myTable
更改为保存该表的最接近的静态元素。可能是
#内容显示
？是
#myTable
动态的还是正在添加的行？您希望绑定到最近的永久dom元素。否则gdoron的代码就没有理由不起作用。@LedZeppelin。没问题。“我很高兴能帮上忙。”莱德齐柏林飞艇。因此，将
#myTable
更改为保存该表的最接近的静态元素。可能是
#内容显示
？是
#myTable
动态的还是正在添加的行？您希望绑定到最近的永久dom元素。否则gdoron的代码就没有理由不起作用。@LedZeppelin。没问题。很高兴我能帮上忙。你的HTML是什么样子的？
#myTable
是否在
#内容显示
内？如果是这样，则在替换
#content display
时会中断处理程序。代码
中缺少一个点…children（“：first”）text（）==>
子项（“：first”）.text（）你的HTML看起来像什么？
#myTable
是否在
#内容显示
内？如果是这样，则在替换
#content display
时会中断处理程序。代码
中缺少一个点…children（“：first”）text（）==>
子项（“：first”）.text（）是的，我读了这个问题，它没有提到需要动态的事件类型。谢谢你的反对票。“我正在使用ajax动态创建一个表。当有人输入查询时，会创建一个表（数据），并替换“内容显示”中的内容：”。顺便说一句，你还没有得到任何反对票……反对票被推翻了。引用的这段话所说的是表是动态创建的。作者接着解释说，点击事件是他捕获的唯一事件。同样，作者没有提到事件类型是动态的。你根本没有得到投票。我可以看到投票结果。阅读是的，我阅读了问题，它没有提到事件类型需要是动态的。谢谢你的反对票。“我正在使用ajax动态创建一个表。当有人输入查询时，会创建一个表（数据），并替换“内容显示”中的内容：”。顺便说一句，你还没有得到任何反对票……反对票被推翻了。引用的这段话所说的是表是动态创建的。作者接着解释说，点击事件是他捕获的唯一事件。同样，作者没有提到事件类型是动态的。你根本没有得到投票。我可以看到投票结果。阅读