（图片来源网络，侵删）
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>这是第二行
原创文章，作者：酷盾叔，如若转载，请注明出处：https://www.kdun.com/ask/374283.html
本网站发布或转载的文章及图片均来自网络，其原创性以及文中表达的观点和判断不代表本网站。如有问题，请联系客服处理。
发表回复