Javascript 编辑php表上的链接

Javascript 编辑php表上的链接,javascript,php,html,jquery,Javascript,Php,Html,Jquery,我有一个表,其中的值来自数据库。我需要将编辑链接合并到表中。其中,如果用户单击“编辑”,则来自数据库的值将被放入一个文本框中,用户可以在其中编辑该值,然后保存到数据库中。它正在处理我的第一行值,但不处理后续行。请帮忙 $document.readyfunction{ $.loginDetails.ClickFunction{ 变量输入=${ val:$this.text, 类型:文本 }; $this.replaceWithinput; }; $edit-record.ClickFunctio

我有一个表,其中的值来自数据库。我需要将编辑链接合并到表中。其中,如果用户单击“编辑”,则来自数据库的值将被放入一个文本框中,用户可以在其中编辑该值,然后保存到数据库中。它正在处理我的第一行值,但不处理后续行。请帮忙

$document.readyfunction{ $.loginDetails.ClickFunction{ 变量输入=${ val:$this.text, 类型:文本 }; $this.replaceWithinput; }; $edit-record.ClickFunction{ e、 防止违约; $span.loginDetails.triggerclick; }; }; $sql=从详细信息中选择*; $queryres=mysqli\u query$conn$sql; 而$rowwaf=mysqli_fetch_assoc$queryres{ 回声\n; echo.$rowwaf[name]。\n; echo.$rowwaf[地址]。\n; 回声\n; } 您可以通过类而不是id来执行编辑按钮调用。因为id对于整个文档是唯一的。这就是为什么它处理第一行元素的原因。 在编辑时,单击通过父td(如$this.closest'td)的目标跨度。 代码

您可以通过类而不是id来执行编辑按钮调用。因为id对于整个文档是唯一的。这就是为什么它处理第一行元素的原因。 在编辑时,单击通过父td(如$this.closest'td)的目标跨度。 代码


您在这里犯了一个错误,您正在编辑超链接中使用id,您必须将其更改为类。 像这样:

$(".edit-record").click(function(e) {
e.preventDefault();
$(this).closest('td').find("span.loginDetails").trigger("click");  });
在您的while循环中,通过以下方式将id更改为类到超链接中:

echo "<td><span class=\ "loginDetails\"> ".$rowwaf["name"]." </span><a href=\ "#\" class=\ "edit-record\"> Edit </a></td>\n" ; 

您在这里犯了一个错误,您正在编辑超链接中使用id,您必须将其更改为类。 像这样:

$(".edit-record").click(function(e) {
e.preventDefault();
$(this).closest('td').find("span.loginDetails").trigger("click");  });
在您的while循环中,通过以下方式将id更改为类到超链接中:

echo "<td><span class=\ "loginDetails\"> ".$rowwaf["name"]." </span><a href=\ "#\" class=\ "edit-record\"> Edit </a></td>\n" ; 

您的html标记无效。您不能合法地将表格单元格元素与表格元素跨接~表格必须完全包含整个表格,或者表格应完全包含在单个表格单元格中。您的html标记无效。不能合法地将表格单元格元素与表格元素跨接~表格必须完全包含整个表格,或者表格应完全包含在单个表格单元格中。