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

您可以使用jquery中的trim函数：

var lines = $.trim(your_string);

有关详细信息，请查看文档：{{3}}

Answer 2

循环遍历数组中的每个元素并修剪它：

示例：

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);
}

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

拆分div文本没有制表空间

2 个答案: