Javascript jQuery:Change<；a>；至<；输入>；单击“相邻”时<；a>；在<；表>；

使用jQuery，单击第三列中的编辑图标时如何执行以下操作：

将相邻第二列中的文本更改为输入框

将第三列中的图标类更改为“保存”按钮

将第二列中的原始文本更改为输入框中输入的文本

（如果这让人困惑和/或有很多问题要问，请道歉！）

名称
统一资源定位地址
编辑
链接1
链接2
链接3

首先，HTML中有几个问题需要解决：

• id

  属性值在HTML中必须是唯一的。对于当前存在重复项的位置，请使用类名
• 您有用
  关闭的
  打开标记

通过这些更改，您可以使用此单击处理程序：

$（“.modalEditLink”）。单击（函数（）{
if（$（this）.find（“.fa pen”）.length）{//编辑操作：
var$a=$（this.closest（“tr”）.find（“.modalLinkURL”）；
var$inp=$（“”）.addClass（“editURL”）.val（$a.text（））；
$a.替换为（$inp）；
$inp.focus（）；
$（this.find（“.fas”）.removeClass（“fa-pen”）.addClass（“fa-save”）；
}else{//保存操作：
var$inp=$（this.closest（“tr”）.find（“.editURL”）；
变量$a=$（“
链接2
链接3

欢迎使用StackOverflow！其目的是显示您正在尝试使用的代码以及在何处遇到问题。其目的不是让我们为您编写代码；-）@trincot我将对其进行编辑以包含我正在使用的jQuery，但我现在要警告您，它相当混乱……而且是错误的！有一件事您应该在HTML中更正：

id

属性值在HTML中必须是唯一的。在当前有重复项的地方使用类名。其次，您有

打开标记，这些标记用

。