如何将 li 更改为 input type=text 并保存新值？答案

【问题标题】：How to change li to input type=text and save the new value?如何将 li 更改为 input type=text 并保存新值？
【发布时间】：2018-04-11 15:50:35
【问题描述】：

我正在从“https://randomuser.me/api/”到学校做这个项目。单击 btn 新用户将出现在带有编辑和删除按钮的引导卡中。每个用户都有列表（li）：性别、姓名、电子邮件等。

点击性别值需要将li改为input(type="text")，点击edit需要保存修改。

【问题讨论】：

plnkr.co/edit/NV7i1ZiiM5SSdRZ2yJyT?p=preview
请点击编辑器中的<> 按钮并创建一个minimal reproducible example - 有一个原因是您不允许将链接保存到 plunker
看来点击性别是有效的，你所说的“保存”到哪里是什么意思？
请提供一些代码。
感谢您的快速回复。我设法添加了新的输入，但现在我需要单击编辑并删除输入，只留下新的 li。我知道它是一个 json，刷新页面时它会全部消失。 plnkr.co/edit/NV7i1ZiiM5SSdRZ2yJyT?p=preview

标签： jquery html

【解决方案1】：

这是您需要的解决方案：

将以下代码添加到您的 js 中：

 $('body').on('click','.edituser' ,function(){
      $( ".editing" ).each(function() {
        var input = $('<a class="edit" href="#">'+$(this).val()+'</a>');
            $(this).replaceWith(input);
      });
    })

它的作用：

这将删除所有文本框，并在您单击edit 按钮时将它们显示为li。

Here is a working Plunker

【讨论】：

检查了plunker？你的要求对吗？
如果您觉得我的回答有用，您可以接受并投票。 :-)