jquery - 如何使用 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);
})​​​​​​​​​;​

演示：http: //jsfiddle.net/R4Dqr/1/

Answer 2

工作小提琴

$(".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);
});