javascript - 将包含文本框的 HTML 表转换为包含文本框值的 HTML 表

Question

我想知道是否有一种简单的方法可以将具有文本框作为输入的 html 表转换为具有文本框值的新表。

例如:

我有一个用户可以在其中插入数据的表。

<table>
   <tr>
      <td>
          <input id="name" type="text"/>
      </td>
      <td>
          <input id="phone" type="text"/>
      </td>
      <td>
          <input id="email" type="text"/>
      </td>
   </tr>
</table>

然后，用户将“john”插入姓名框，将“(987)891-9819”插入电话框，将“john@email.com”插入电子邮件框。

我希望我的结果表如下所示:

<table>
   <tr>
      <td>
          john
      </td>
      <td>
          (987)891-8919
      </td>
      <td>
          john@email.com
      </td>
   </tr>
</table>

我正在寻找一种在 javascript/jquery 中完成此任务的方法。

Answer 1

实际上很简单

$('input').replaceWith(function() {
    return this.value;
});

FIDDLE