jquery - 使用 jquery 从 html 中提取文本

Question

这个问题已经有答案了:

How do I select text nodes with jQuery? (12 个回答)

已关闭 6 年前。

我的网页中包含以下 html。

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

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

注意:我打算将此 flashmessage 转换为 fancybox 弹出窗口。

Answer 1

只需克隆包含文本的div并删除其所有子项，然后获取文本。以下片段:

$(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>