使用jquery从html中提取文本[重复]

【问题标题】：Extract text from html using jquery [duplicate]使用jquery从html中提取文本[重复]
【发布时间】：2017-03-20 16:37:40
【问题描述】：

我的网页中包含以下 html。

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

如何使用 jquery 从此 html 中提取“MY TEXT HERE”？

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

【问题讨论】：

这里是完整的例子：jsfiddle.net/sur08Lbv/1

标签： jquery

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

【讨论】：