2011-08-10 126 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