How to parse html text by div id to an array in jquery or javascript?

Question

Hi i want to add a few hidden divs to an array and show them afterwards in different places one by one. I am a rookie so i will really appreciate your patience. http://jsfiddle.net/alexnode/qSZx6/1/

i have three divs like

<div id='a'><p>Aorum</p>Lorem ipsum dolor sit amet</div> 
<div id='b'><p>Borum</p>Lorem ipsum dolor sit amet</div> 
<div id='c'><p>Corum</p>Lorem ipsum dolor sit amet</div>

and i create an array

var myarray = new Array();
myarray[0] = $( '#a' ).html();
myarray[1] = $( '#b' ).html();
myarray[2] = $( '#c' ).html();

my problem is that when i call

$('<div/>', {
                class: "someclass",
                html: myarray[0],

            } ).appendTo('body');

I get all the divs printed. I am sure it is something very basic but what ?

Edit : What i want is to get myarray[0] to include only the html of the div id=a not all the divs as you can see in the fiddle.

div#a is never closed

Loris
– Loris

2013-06-07 18:09:20 +00:00
Commented Jun 7, 2013 at 18:09 — Loris
– Loris, Commented Jun 7, 2013 at 18:09
change all the closing <div> to </div>

karthikr
– karthikr

2013-06-07 18:10:05 +00:00
Commented Jun 7, 2013 at 18:10 — karthikr
– karthikr, Commented Jun 7, 2013 at 18:10
ooops that is not the problem though in the fiddle.

alexnode
– alexnode

2013-06-07 18:13:00 +00:00
Commented Jun 7, 2013 at 18:13 — alexnode
– alexnode, Commented Jun 7, 2013 at 18:13
completely idiotic there was an open div in the fiddle!

alexnode
– alexnode

2013-06-07 19:52:50 +00:00
Commented Jun 7, 2013 at 19:52 — alexnode
– alexnode, Commented Jun 7, 2013 at 19:52

Nagarjun · Accepted Answer · 2013-06-07 18:11:44Z

2

var divs = $('#a, #b, #c');

$('<div/>', {class: "someclass"}).append(divs);

answered Jun 7, 2013 at 18:11

Nagarjun

2,48621 silver badges29 bronze badges

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

4 Comments

alexnode Over a year ago

have a look at the fiddle i append the class my problem is that i get all the parsed divs printed

Nagarjun Over a year ago

I guess you are trying to toggle between two sections when the menu items are clicked. but what you explained in your question is completely different from the fiddle. Anyway, see the fiddle where I did that jsfiddle.net/qSZx6/16

alexnode Over a year ago

Sorry and thank you, I didn't describe my problem properly, my problem is that when we get the div to the array and then append them i get all the array text (english,german etc )while i want to get only the html text of only one div id. I just want to have the <div id="german"></div> or the <div id="english"></div>. The console log is great by the way thank you

alexnode Over a year ago

I had a div open!! this is why i did get all the divs ! Idiotic i mark your answer as correct since you helped me a lot with the window toggle!

laconbass · Accepted Answer · 2013-06-07 18:12:47Z

0

You don't really need to store the "html" into the divs. You can store the DOM element. The jQuery Object itself is an array-like object that stores them.

answered Jun 7, 2013 at 18:12

laconbass

18k9 gold badges54 silver badges57 bronze badges

Collectives™ on Stack Overflow

How to parse html text by div id to an array in jquery or javascript?

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related