使用jquery从html中提取文本

Question

我有以下html包含在我的网页中。

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

如何使用jquery从这个html中提取'MY TEXT HERE'？

注意：我打算将此flashmessage转换为fancybox popup。

Answer 1

只需clone div包含文字及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>