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

Question

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

点击性别值需要将li更改为输入（type =＆＃34; text＆＃34;）并点击编辑需要保存更改。

Answer 1

以下是您所需的解决方案：

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

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

它的作用：

• 当您点击li按钮时，这将删除所有文本框并使其显示为edit。

Here is a working Plunker