将输入值应用于其所有td innerhtml

Question

是否可以在内部输入时更改所有td的innerhtml,我的意思是获取输入的值并将其应用于它的td innerhtml,例如,这里是表及其输入内部:

<table>
 <tr>
  <td><input value="test" /></td>
  <td>123</td>
 </tr>
</table>

把它改成这个:

<table>
 <tr>
  <td>test</td>
  <td>123</td>
 </tr>
</table>

对于所有td和输入值而不应用id和类？!请注意td innerhtml没有改变:)谢谢大家的帮助!;)

Answer 1

这很简单.

首先命名您的表(以便轻松找到它).

<table id="the_table">
 <tr>
  <td><input value="test" /></td>
 </tr>
</table>

然后你可以这样做:

$('#the_table td input[type="text"]').each(function() {
  var val = $(this).val();
  $(this).parent('td').html(val);
});

现场演示.

说明:

1. 查找<td>此特定表中的所有输入.

2. 对于每个输入:

   2.1从输入中检索值

   2.2找到作为<td>标记的输入的第一个父级并将其innerHTML设置为该值