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

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 insidehtml 没有改变:) 谢谢大家的帮助！ ;)

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. 查找此特定表中 内的所有输入。

2. 对于每个输入：

   2.1 从输入中检索值

   2.2 找到输入的第一个父级 标记，并将

Answer 2

是的，您可以这样做：

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

它假设 td 中只有一个 input。如果情况并非如此，则删除 :only-child。

对table td:has(:input:only-child)的解释

它表示，在table中取任何td >，它有一个 input 作为唯一的子项。

您可以在这里测试它： http://jsfiddle.net/eydtw/

更新：采取 <代码>输入，它不是<代码>隐藏。

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

http://jsfiddle.net/eydtw/1/

或者：采用输入，即文本。

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

http://jsfiddle.net/eydtw/3/

Answer 3

$.each($('table td'),function(){

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

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

    }

})