使用jquery從html中提取文本

Question

我的網頁中包含以下html代碼。

<div id="flashmessage" class="ok"> 
    <a class="ico-close">x</a> 
    MY TEXT HERE 
</div> 

如何使用jquery從此html中提取'我的文本'這個html？

注意：我打算將此flashmessage轉換爲fancybox彈出。

Answer 1

只是clonediv其中包含文字和remove所有的孩子，然後得到text。下面的代碼片段：

$(document).ready(function(){ 
 
    var text=$("#flashmessage").clone().children().remove().end().text(); 
 
    $(".result").text(text); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="flashmessage" class="ok"> 
 
    <a class="ico-close">x</a> 
 
    MY TEXT HERE 
 
</div> 
 

 
<div class="result"></div>