How to store html markup to an array

Question

I have a following question from my last post.

I want to store each node as full html markup.

The data array should be something like

['<em>test</em>', 'here for the testing purpose',
'second line', '<strong>texts</strong>', 'here']

The codes I have now:

if(this.nodeType === 3) { // Will only select element nodes
    data.push($(this).text());
}else if(this.nodeType === 1){
    data.push($(this).html());
}

but it only store

['test', 'here for the testing purpose','texts','here']

Is it possible to store the html markup as well?

Thanks so much!

array in js are [...] not (...)

aaronman
– aaronman

2013-07-19 22:15:41 +00:00
Commented Jul 19, 2013 at 22:15 — aaronman
– aaronman, Commented Jul 19, 2013 at 22:15

Sushanth -- · Accepted Answer · 2013-07-19 22:22:33Z

3

Replace

data.push($(this).html());

with

data.push(this.outerHTML);

Remember

this -- DOM object

$(this) -- jQuery Object

Try using DOM objects instead of jQuery objects whenever possible as the former are a bit faster, because it eliminates an extra overhead of converting them to latter and then apply a method.. Should not be a big deal but just for info.

edited Jul 19, 2013 at 22:22

answered Jul 19, 2013 at 22:16

Sushanth --

55.8k9 gold badges70 silver badges109 bronze badges

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

Comments

McGarnagle · Accepted Answer · 2013-07-19 22:16:24Z

2

element.outerHTML returns the markup including the outer tags of the element:

data.push(this.outerHTML);

answered Jul 19, 2013 at 22:16

McGarnagle

103k31 gold badges235 silver badges264 bronze badges

Collectives™ on Stack Overflow

How to store html markup to an array

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related