jquery - 如何可视化表格列 jQUery 中输入的文本？

Question

我有以下结构的表：

<table>
<tr>
    <td class='visual'></td>
    <td class='input'><input type='text' name='input-value' value=''/></td>
</tr>
<tr>
    <td class='visual'></td>
    <td class='input'><input type='text' name='input-value' value=''/></td>
</tr>
    <tr>
    <td class='visual'></td>
    <td class='input'><input type='text' name='input-value' value=''/></td>
</tr>

我希望在输入值中插入文本后显示在 td class='visual'

我怎么能用 jQuery 做到这一点？

提前致谢 ！

Answer 1

所以你想把在文本框中输入的文本放到表格中？试试这个：

$(function(){
  $('[name="input-value"]').keyup(function(){
    var $this = $(this)
    $this.parent().prev().html($this.val())
  })
})