1、使用转义字符
在JavaScript和jQuery中,可以使用反斜杠()作为转义字符来实现字符串的换行。
var str = "这是第一行 这是第二行"; console.log(str);
输出结果:
这是第一行 这是第二行
2、使用HTML标签
在jQuery中,可以使用HTML的<br>
标签来实现字符串的换行。
var str = "这是第一行<br>这是第二行"; console.log(str);
输出结果:
这是第一行 这是第二行
3、使用CSS样式
在jQuery中,可以使用CSS的whitespace
属性来实现字符串的换行。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF8"> <meta name="viewport" content="width=devicewidth, initialscale=1.0"> <title>Document</title> <style> .wrap { whitespace: prewrap; /* 保留空白符并换行 */ } </style> </head> <body> <div class="wrap">这是第一行</div> <div class="wrap">这是第二行</div> <script src="https://code.jquery.com/jquery3.6.0.min.js"></script> <script> $(document).ready(function() { $('.wrap').each(function() { console.log($(this).text()); // 输出换行的文本内容 }); }); </script> </body> </html>
输出结果:
这是第一行 这是第二行
4、使用正则表达式替换换行符为<br>
标签或空格+`
`组合。
var str = "这是第一行 这是第二行"; var newStr = str.replace(/ /g, '<br>'); // 或者使用 str.replace(/ /g, ' '); 将换行符替换为空格+回车符组合 console.log(newStr); // 或者 console.log(str.replace(/ /g, ' ')); 输出带有空格的换行文本内容
输出结果:
这是第一行<br>这是第二行
最新评论
本站CDN与莫名CDN同款、亚太CDN、速度还不错,值得推荐。
感谢推荐我们公司产品、有什么活动会第一时间公布!
我在用这类站群服务器、还可以. 用很多年了。