javascript - 如何将换行符从 HTML div 复制到 jQuery 中的文本区域？

Question

考虑以下 HTML 页面片段:

<div id='myDiv'>
    Line 1.<br />
    Line 2<br />
    These are &ltspecial&gt; characters &amp; must be escaped !@@&gt;&lt;&gt;
</div>
<input type='button' value='click' id='myButton' />
<textarea id='myTextArea'></textarea>

<script>
    $(document).ready(function () {
        $('#myButton').click(function () {
            var text = $('#myDiv').text();
            $('#myTextArea').val(text);
        });
    });
</script>

首先，有一个id为myDiv的div元素。它包含一些类似于在我的生产网站运行时从 SQL 数据库中检索到的文本。

接下来，有一个按钮和一个文本区域。我希望 myDiv 中的文本在单击按钮时显示在文本区域中。

但是，使用我提供的代码，换行符被删除了。考虑到转义特殊字符是绝对没有商量余地的，我该怎么办？

Answer 1

您的代码在 Firefox 和 Chrome 中对我来说都很好用:http://jsfiddle.net/jYjRc/

但是，如果您的客户端不按您的要求执行，请替换 <br> s 带有换行符。

编辑:在 IE7 中测试并且代码中断。所以我用我的建议更新了 fiddle :http://jsfiddle.net/jYjRc/1/