javascript get texts from element to array

Question

I'm having trouble with getting texts that are in element to array. The structure I'm trying to 'extract' is looking something like this:

<div>
    text text text text
    <h2> title </h2>
    text2 text2 text2
    <img>
    <br>
    <br>
    text3 text3 text3 
    <h2> title 2</h2>
    text4 text4 text4
</div>

the result I'm looking for is array:

['text text text', 'text2 text2 text2', 'text3 text3 text3', 'text4 text4 text4']

I can't edit the HTML structure. And I don't have idea how to get this data to an array. I've only tried .text() from jquery, but that's not the way, and I didn't found anything in google, that would help.

Thanks for the information on what you're doing. I'm assuming you have a problem though. Please enlighten us with the problem :-p — CaptainCarl
– CaptainCarl, Commented Nov 18, 2013 at 11:52
Put your text into a tag like <span>text text text</span> then something like var array = $("span").split(" "); — Cracker0dks
– Cracker0dks, Commented Nov 18, 2013 at 11:54

Arun P Johny · Accepted Answer · 2013-11-18 11:55:45Z

3

You can use .contents() and .map() to create a solution

var arr = $('div').contents().map(function () {
    if (this.nodeType == 3) {
        var text = $.trim(this.nodeValue);
        if (text != '') {
            return text
        }
    }
}).get();

console.log(arr)

Demo: Fiddle

answered Nov 18, 2013 at 11:55

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

Collectives™ on Stack Overflow

javascript get texts from element to array

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related