Question

我正在使用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方法的语法让它工作？

Answer 1

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

Answer 2

为什么不使用

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

代替？

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

2 个答案: