用Javascript运行动画后删除html标签

Remove html tags after animation is run with Javascript

本文关键字:删除 html 标签 动画 Javascript 运行      更新时间:2023-09-26

我有以下HTML代码:

<div>   
    <span>H</span>
    <span>e</span>
    <span>l</span>
    <span>l</span>
    <span>o</span>
    <span>W</span>
    <span>o</span>
    <span>r</span>
    <span>l</span>
    <span>d</span>
</div>

我想从<div>的内容中删除所有的<span></span>标签。然而,跨度内的字母都出现在交错的.fadeIn()动画之后,我只想在动画完成后删除<span>标签

最终产品应该是<div>Hello World</div>后,动画已经揭示了每个角色。

欢迎JQuery 1.6+解决方案

http://jsfiddle.net/dsPJu/

这里是一个工作示例

这应该做的伎俩…你只需要使用一个回调函数