2011-08-10 127 views
3

运行,我有以下的HTML代码:删除HTML标记与JavaScript

<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+解决方案。

+0

你能告诉我们,你的jQuery代码使用到目前为止? – matzahboy

回答

1

http://jsfiddle.net/dsPJu/

这里是一个工作示例

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

+0

@samcone感谢您的回复!如果我正确理解你的答案,我的问题就不清楚了。一旦最终跨度淡入,我希望div只包含文本“Hello World”,而没有任何span标签。我会编辑我的问题来澄清。 – TimeEmit

+0

@timeEmit ok现在检查我的答案 – samccone

+0

@samcone这看起来很完美。但不是$($(this).parent())与$(this).parent()相同吗? – TimeEmit