如何在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

插入'\ N'为101字符到字符串String.protype.slice()，请参阅该代码示例：

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

 
});

<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>