通过ajax breaks.on功能动态创建表

Dynamically created table via ajax breaks .on functionality

本文关键字：动态 创建 功能 on ajax breaks 通过      更新时间：2023-09-26

我正在使用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方法对我不起作用。当我用.live替换.on时，它会提醒用户他们刚刚点击了什么，但由于.live已被弃用，我如何更改.on方法的语法以使其起作用？

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

为什么不使用

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

相反？

相关文章：