jQuery: Get inner HTML from a HTML code within a variable

Question

I have a variable which contains a html element:

alert(aData[3]);

gives me:

BLA BLA BLA
<div style="display: none">
 <table>....</table>
</div>

I'm trying to figure out how to get the contents WITHIN the div-tag from the variable aData[3] via jQuery. I tried various things:

elem = $(aData[3]).find("div");
alert(elem.html());

// OR
elem = $(aData[3]).find("div");
alert(elem[0].html());

// OR
elem = $(aData[3]).find("div");
alert($(elem[0]).html());

// OR
elem = $(aData[3], 'div');
alert(elem.html());

Can't get any of those to work. How to the correct version? :( Thanks a lot

@tim He means, quite rightly, that styles should be separated by a semi-colon. Although the last property in the block doesn't need one. More here — George
– George, Commented Apr 9, 2014 at 8:25
@tim — He is suggesting that you use ; as a rule terminator in your CSS instead of as a rule separator. It has no bearing on your actual problem. — Quentin
– Quentin, Commented Apr 9, 2014 at 8:26
Ah I see, sure I know that, but for one property, it's not necessary, is it? And yes, actually no relation to my problem in any way... — tim
– tim, Commented Apr 9, 2014 at 8:27

Quentin · Accepted Answer · 2014-04-09 08:24:55Z

4

find looks for descendants of elements in the jQuery object, but div is the highest level element in your HTML (it isn't a descendant of anything).

Just don't use find.

elem = $(aData[3]);
alert(elem.html());

answered Apr 9, 2014 at 8:24

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

1 Comment

tim Over a year ago

Thanks, thats very short, clean and nice

Bhojendra Rauniyar · Accepted Answer · 2014-04-09 08:22:28Z

2

You need to wrap your string with another dom object to use .find().

elem = $('<div />',{
  html: aData[3];
}).find("div");
alert(elem);

answered Apr 9, 2014 at 8:22

Bhojendra Rauniyar

86k36 gold badges179 silver badges241 bronze badges

2 Comments

tim Over a year ago

And then elem.html() or what?

Bhojendra Rauniyar Over a year ago

you would do .html() if you want elem's html

cor · Accepted Answer · 2014-04-09 08:40:55Z

0

You can use parseHTML to convert the string into an array of DOM elements.

answered Apr 9, 2014 at 8:40

cor

3,39329 silver badges48 bronze badges

1 Comment

tim Over a year ago

Thanks, but overhead in this case :)

Collectives™ on Stack Overflow

jQuery: Get inner HTML from a HTML code within a variable

3 Answers 3

1 Comment

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related