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);
});