在Textarea中启用新行 - Jquery附加

Question

我正在使用追加功能。功能正常。一切都很好。

但是什么时候在Textarea中按一些 ENTERS（Break Line）。它以Textarea中的新行的形式出现，但当它附加到HTML时，它不会出现在新行的形式中。

快速浏览一下这张图片：

这是我的演示：

http://jsfiddle.net/YRKxR/17/

这是我的Jquery代码或者你可以简单地访问我的JsFiddle DEMO：

$('.add_more').click(function()
                     {
                        var description = $('#description').val();
                        $(".append_data").append('<tr><td>'+description+'</td></tr>');
                     });

Answer 1

试试这个演示 http://jsfiddle.net/YRKxR/18/

white-space：pre是必需的

$('.add_more').click(function()
                     {
                        var description = $('#description').val();
                         $(".append_data").append('<tr><td style="white-space:pre;">'+description+'</td></tr>');
                     });