Javascript 收集textarea值

我有这样的html

<td>
<textarea name="foot"><?=$e->foot;?></textarea>
Preview:
<div><?=$e->foot;?></div>
</td>

预览：

那么，我如何收集textarea的数据并使用jquery将其加载到它旁边的div中呢。我也有很多这样的文本区域，那么如何才能将使用onchange输入的文本加载到下一个div中呢

多谢各位

 $(document).ready ( function() {
            $("textarea[name='txt']").bind ( "keydown focus" , function () {
                $(this).next().text ( $(this).val() );
            });
        });

或者，如果div不是下一个元素，则为其提供类名并使用代码

$(document).ready ( function() {
     $("textarea[name='txt']").bind ( "keydown focus paste" , function () {
       $(this).siblings(".divClass").text ( $(this).val() );
     });
});

---

这有点脏，但它能用

 <div class="entry"> 
    <textarea class="foot"> my text</textarea>
    <div class="enterhere"> </div>
 </div>

 $(".foot").change(function() {
        $(this).parent().children(".enterhere").text($(this).val());

    });

我的文字
$（“.foot”）.change（函数（）{
$（this.parent（）.children（“.enterhere”）.text（$（this.val（））；
});

是否要显示在文本区域中输入的文本的实时预览？是的，实时预览是我要查找的语句$（this）.next（）.text（$（this）.val（））；将textarea的值加载到相邻的div[next element]。我会这样做。parents（“.entry”）。find（“.enterhere”）速度较慢，但更能抵抗HTML调整