Php jquery,无法在DOM操作后选择TR

Php jquery,无法在DOM操作后选择TR,php,jquery,ajax,dom,Php,Jquery,Ajax,Dom,我希望有人能在这里帮助我,因为我无法解决这个问题。 我有一张显示用户名的表格。当我单击TR行时,它通过ajax请求将信息获取到一个PHP页面,该页面从SQL获取内容并将其传递到表单 当表单被更新和保存时,相反的情况发生,通过ajax发送到PHP页面,witch更新SQL 然后,当更新完成时,我希望列表在不刷新页面的情况下自行更新。我让它工作了。它通过ajax/php从数据库获取新保存的内容,然后使用.append填充表 但问题是,当更新表时,无法再在表中选择TR 这可能解释得很混乱 我已经用Co

我希望有人能在这里帮助我,因为我无法解决这个问题。 我有一张显示用户名的表格。当我单击TR行时,它通过ajax请求将信息获取到一个PHP页面,该页面从SQL获取内容并将其传递到表单

当表单被更新和保存时,相反的情况发生,通过ajax发送到PHP页面,witch更新SQL

然后,当更新完成时,我希望列表在不刷新页面的情况下自行更新。我让它工作了。它通过ajax/php从数据库获取新保存的内容,然后使用.append填充表

但问题是,当更新表时,无法再在表中选择TR

这可能解释得很混乱

我已经用Coda/DOM树检查了DOM在更改前后的外观,它们至少在我看来是相似的:

在使用前:

要刷新表,我首先清除TR:

$("#brukere").find("tr:gt(0)").remove();
然后追加,新内容数据以HTML形式从PHP文件中获取:

$("table tbody").append(data),
好吧,当你这么做的时候

$("#brukere").find("tr:gt(0)").remove();
删除tr及其单击处理程序。因此,您需要在新插入的元素之后附加一个新的单击处理程序,或者需要在未被删除的元素上使用委托,例如:

$("#brukere").on('click', 'tr', function() {...});
这将向brukere表附加一个单击处理程序。但是,只有当点击源于子tr时,才会执行匿名函数。由于您从未删除表本身,因此该点击处理程序从未被删除

好吧,当你这么做的时候

$("#brukere").find("tr:gt(0)").remove();
删除tr及其单击处理程序。因此,您需要在新插入的元素之后附加一个新的单击处理程序,或者需要在未被删除的元素上使用委托,例如:

$("#brukere").on('click', 'tr', function() {...});

这将向brukere表附加一个单击处理程序。但是,只有当点击源于子tr时,才会执行匿名函数。由于您从未删除表本身,因此该点击处理程序从未被删除

啊哈,我明白你的意思了!我将如何格式化此文件而不是我的文件?$brukere tr.clickfunction{$.ajax{就像我在上面展示的:$brukere.on'click','tr',function{$.ajax…;};完美!希望我以前问过,会让我省去好几天的挠头!非常感谢:啊哈,我明白你的意思了!我该如何格式化这个而不是我现有的?$brukere tr.clickfunction{$.ajax{正如我在上面向您展示的:$brukere.on'click','tr',函数{$.ajax…;};完美!希望我之前问过,就可以省去我几天的挠头!非常感谢您:
$("#brukere").on('click', 'tr', function() {...});