Javascript 将输入值应用于其所有HTML

当td内部有输入时，是否可以更改所有td的innerhtml，我的意思是获取输入的值并将其应用于其td innerhtml，例如，下面是表及其内部输入：

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

123

要将其更改为smth，请执行以下操作：

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

测试
123

对于所有的td和输入值，不应用id和类？！请注意td innerhtml没有改变：）谢谢大家的帮助！；）

这很容易

首先命名您的表（以便轻松查找）

说明：

查找此特定表中

内的所有输入

对于每个输入：

2.1从输入中检索值

2.2找到作为

标记的输入的第一个父项，并将其

innerHTML

设置为该值

---

是的，您可以这样做：

$('table td:has(:input:only-child)').each(function () {
    $(this).html($(':input', this).val());
});

它假定

td

中只有

输入。如果不是这样，则删除
：独生子女

对
表td:has（：输入：独生子女）的解释

它说，将
表中的任何
td
作为唯一的子项，该表具有
输入

您可以在此处进行测试：

更新：获取
输入
，它不是
隐藏的

$('table td:has(input[type!="hidden"])').each(function () {
    $(this).html($('input[type!="hidden"]', this).val());
});

$('table td:has(input:text)').each(function () {
    $(this).html($('input:text', this).val());
});


或：采用
输入
，即
文本

$('table td:has(input[type!="hidden"])').each(function () {
    $(this).html($('input[type!="hidden"]', this).val());
});

$('table td:has(input:text)').each(function () {
    $(this).html($('input:text', this).val());
});

还有一个问题！如果有类型为：hidden的输入，而我只需要使用类型为text的输入怎么办？！还剩3分钟，将接受您的回答，无需担心）
$.each($('table td'),function(){

    if($(this).children().length !=0)
    {

        var temp = $($(this).children()[0]).val();
        $(this).html(temp);

    }

})