테이블의 텍스트를 가장 가까운 텍스트 입력으로 이동 하시겠습니까?

Question

동적으로 테이블을 만들었으므로 대신 텍스트 입력에서 2 열의 텍스트가 필요합니다. 해당 td의 텍스트가 텍스트 입력에 있으면 입력 밖의 추가 텍스트를 제거하십시오. http://jsfiddle.net/NNpCB/

HTML

<table border='1' cellpadding='15'> 
    <tr> 
     <td>text</td> 
     <td>text2</td> 
     <td>text3</td> 
    </tr> 
    <tr> 
     <td>text4</td> 
     <td>text5</td> 
     <td>text6</td> 
    </tr> 
</table> 

jQuery를

valueCol = $("table#ruleTable tr td:nth-child(2)") 
text = $(this).find().closest('td').text() 

valueCol.append('<input type="text" value="' + text + '" />'); // add inputs with closest value 
valueCol.text(''); // clear plain text from td once in inputs 

Answer 1

확인이 Demo Fiddle

var valueCol = $("table#ruleTable tr td:nth-child(2)"); 
valueCol.html(function() { 
    return '<input value="' + $(this).text() + '"/>'; 

}); 

.append()도 사용할 수 있지만 텍스트를 추가하거나 삭제하는 것은 불필요한 작업입니다.