javascript - 为段落的每个换行符添加跨度

Question

我在向段落的每一行添加跨度时遇到一些麻烦。我想这样做来为我的文本设置动画，就像 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;

但事实并非如此...

有人可以帮助我吗？

Answer 1

尝试更改您的正则表达式，如下所示

var regex = /[\n\r]/gm;