如何使用jQuery从输入字段在​​中插入值？

Question

我有表结构如下：

<table class="table-info" border='1px' > 


    <tr > 
     <td class="view" style='background:red; width:100px' ></td> 
     <td>6</td> 
     <td><span class="title" style="cursor: pointer">Some title</td> 
     <td title="url"><a href="#" target="_blank">088835522112</a></td> 
     <td>AUDIO</td> 
     <td><input class="input-text" type="text" value=""></td> 
    </tr> 
     <tr > 
     <td class="view" style='background:red; width:100px' ></td> 
     <td>6</td> 
     <td><span class="title" style="cursor: pointer">Some title</td> 
     <td title="url"><a href="#" target="_blank">088835522112</a></td> 
     <td>AUDIO</td> 
     <td><input class="input-text" type="text" value=""></td> 
    </tr> 
     <tr > 
     <td class="view" style='background:red; width:100px' ></td> 
     <td>6</td> 
     <td><span class="title" style="cursor: pointer">Some title</td> 
     <td title="url"><a href="#" target="_blank">088835522112</a></td> 
     <td>AUDIO</td> 
     <td><input class="input-text" type="text" value=""></td> 
    </tr> 

</table>​ 

我想可视化"td class='view'"输入字段的值。我如何使用jQuery来做到这一点？

http://jsfiddle.net/dilyan_kn/R4Dqr/

Answer 1

如果我给你的权利，这应该工作：

​$(".input-text"​).on("keyup", function() { 
    $(this).closest("tr").find(".view").html(this.value); 
})​​​​​​​​​;​ 

DEMO：http://jsfiddle.net/R4Dqr/1/

Answer 2

WORKING FIDDLE

$(".input-text").on("keyup", function() { 
    $(this).closest("tr").find('td:first').html(this.value); 
});​ 

Answer 3

$('.input-text').bind('keyup', function() 
{ 
    $(this).closest("tr").css('color', 'white').find(".view").html(this.value); 
});