在greensock splittext动画中包含标记元素-javascript

在Greensocks SplitText中，您可以通过

字、字符或行来拆分文本。
它尊重传递给它的文本中的标记

在我的用例中，我通过
单词和字符来分割文本，然后通过每个角色设置动画，使其在动画中显示

下面是我正在使用的示例

文本

<div class="intro">
    Lorem dolor sit<br>
    <span class="icon-pin"></span> consectetur<br>
    adiposcing elit, sed do <span class="icon-hand"></span> lorem<br>
    ipsum dolor sit amet.
</div>

我希望在
textSplitText.chars
数组中包含一些标记，以便它也可以设置动画

将每个
span
或具有特定类的元素添加到
textSplitText.chars
数组的最佳方法是将索引放置在正确的位置

我确实考虑过查看文本，对需要添加的元素的每个字符进行计数，并使用该计数标记数组中添加元素的位置。
但不确定这是最有效的方法

如有任何建议，将不胜感激

var text = $('.intro');
    textTimeline = new TimelineMax;
    textSplitText = new SplitText(text, {
       type: "words,chars"
    });

textTimeline.staggerTo(textSplitText.chars, 1, {
    autoAlpha: 1,
    y: 0,
    delay: .3,
    ease: Power3.easeOut
}, .2);