如何在Jquery中内容太长时自动断行？

Question

有一些文字由200个字符组成。我只需显示前100个字符，另外100个字符应显示新行。如何使用jquery实现它？

<div>
<p id="msg">The content (length > 200)</p>
</div>





<script type="text/javascript">
                                $(function () {
                                    var txt = $('#msg').text();
                                    for (i = 0; i < txt.length; i = i+20) {
                                        $('#msg').text(txt.substring(i,i+20) + '\n');
                                    }
                                })
                </script>

Answer 1

将＆＃39; \ n＆＃39; 作为101个字符插入到String.protype.slice()的字符串中，请参阅代码示例：

＆＃13;

＆＃13;

$(function () {
var longLine = '123flml;mdskl;fmvfmxlkvmefkldmkp[welr[plkewrpojmgkrmbperkgopmikgfmnprtm,gionrtbjnkbtmriogntrjongmkotrmgiotnrgnmtrkogmpiotrmgomntrm';
  $(msg).text(longLine.slice(0,100) + '\n' + longLine.slice(100));

});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<p id="msg">The content (length > 200)</p>
</div>

＆＃13;

＆＃13;

＆＃13;