javascript - 拆分 div 文本，不使用制表符空格

Question

我想将我的 div 文本拆分为包含文本行的数组。 我的问题是制表符之间的空格。

<div class="container">
    Hello,
    Italo Borges
    :)
</div>

当我将文本分成几行时，每行之前有很多空格:

----Hello <- this counts 9 chars
----Italo Borges <- this counts 16 chars

我得到的台词是:

var lines = container.text().match(/[^\r\n]+/g);

我需要这个来为每个字符设置动画，但要换行。

有人有办法解决这个问题吗？

谢谢

Answer 1

循环遍历数组中的每个元素并 trim 它:

示例:

var array=[];
var word="";
word=$(".container").text();
array=word.match(/[^\r\n]+/g);
for(var i=0; i< array.length; i++)
{
    alert(array[i].trim().length);
}

您可以看到每个元素的长度现在都小于您的长度。您还可以在此循环中插入另一个循环来获取 Angular 色，然后使用 jquery .animate 函数为它们设置动画。