Использование JQuery для замены поля ввода формы с их значением

Question

Может Jquery быть использован для того, чтобы tranform этот код:

<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

в этом случае, вы можете использовать, например:

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

проверялось, но это должно быть достаточно

Answer 2

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

Также см этот example.

Answer 3

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