jquery - 如何使用 jQuery 从输入字段在 <td> 中插入值？

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/