Question

可以使用jQuery来转换此代码：

<table>
    <tr>
        <td><input type="text" name="a1" value="Input value 1" /></td>
        <td><input type="text" name="a2" value="Input value 2" /></td>
        ...
        <td><input type="text" name="a10" value="Input value 10" /></td>
    </tr>
</table>

进入此代码：

<table>
    <tr>
        <td>Input value 1</td>
        <td>Input value 2</td>
        ...
        <td>Input value 10</td>
    </tr>
</table>

感谢。

Answer 1

$('td').each(function() {
    $(this).text($(this).find('input').val());
});

另见example。

Answer 2

$('td').each(function(){
  var elem = $(this);
  elem.text(elem.find('input[type="text"]').val());
});

Answer 3

在这种情况下，您可以使用例如：

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

未经测试，但这应该足够了

使用jQuery将表单输入替换为其值

3 个答案: