Extract text from html using jquery [duplicate]

Question

I have following html that is contained in my webpage.

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

How to extract 'MY TEXT HERE' from this html using jquery?

Note: I intend to convert this flashmessage to fancybox popup.

Here is full example : jsfiddle.net/sur08Lbv/1

Butani Vijay
– Butani Vijay

2016-11-07 11:02:44 +00:00
Commented Nov 7, 2016 at 11:02 — Butani Vijay
– Butani Vijay, Commented Nov 7, 2016 at 11:02

Guruprasad J Rao · Accepted Answer · 2016-11-07 10:59:49Z

0

Just clone the div which contains text and remove all its children and then get the text. Snippet below:

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

answered Nov 7, 2016 at 10:59

Guruprasad J Rao

29.7k16 gold badges113 silver badges212 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Extract text from html using jquery [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related