我在向段落的每一行添加跨度时遇到一些麻烦。我想这样做来为我的文本设置动画,就像 GSAP 的 SplitText 插件一样。
我寻找了一种方法,这对于我段落中的每个字母都适用:
var regex = /([^\x00-\x80]|\w)/g
var textWrapper = document.querySelector(
".developpement-description .lines"
);
textWrapper.innerHTML = textWrapper.textContent.replace(
regex,
"<span class='letter'>$&</span>"
);
所以我认为通过更改正则表达式来匹配换行符它会起作用:
var regex = /[\n\r]\w/g;
但事实并非如此...
有人可以帮助我吗?
最佳答案
尝试更改您的正则表达式,如下所示
var regex = /[\n\r]/gm;
关于javascript - 为段落的每个换行符添加跨度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59283362/