Select DOM element from HTML string

Question

I have an HTML string as follows (defined in javascript):

<body>
    <div id="stuff">
    bla bla bla
    </div>
    <div id="content">
    Actual content is here.
    </div>
</body>

Above html is my string. I would like to append the div with the id "content" to my actual html file.

How can I read (or parse?) and append a html string like this via jquery?

you want to add another div inside your id="content", am i right ? — Jrey, Nov 02 '15 at 03:30
@JohnReyM.Baylen no, that whole html you see above is my string. I want to (somehow) parse it and add it's div "content" to another html file — Mia, Nov 02 '15 at 04:05

TAGraves · Answer 1 · 2015-11-01T23:56:04.890

0

Use jQuery's parseHTML method:

var htmlString = "<body><div id='stuff'>wahwahwah</div><div id='content'>blahblahblah</div></body>"; //your HTML string here.

var parsedHTML= $.parseHTML(htmlString);

var contentDiv = $(parsedHTML).filter('#content');

$('html').append(contentDiv);

edited Nov 01 '15 at 23:56

answered Nov 01 '15 at 23:37

TAGraves

1,369
1
9
11

I used the example above. – Mia Nov 01 '15 at 23:53
The example above won't work since I didn't include a valid HTML string. I'll update with a real example in the next minute. – TAGraves Nov 01 '15 at 23:55
OK, try what I have now. – TAGraves Nov 01 '15 at 23:56
I realized that removing the .parseHTML still makes it work – Mia Nov 02 '15 at 00:16
I mean directly using $(htmlString) – Mia Nov 02 '15 at 00:16
si there any specificreason you use parse first? – Mia Nov 02 '15 at 00:16
No, you can just do it directly. – TAGraves Nov 02 '15 at 00:17
I'm unable to load it properly – Mia Nov 02 '15 at 01:35
Take a look at http://stackoverflow.com/questions/12808770/parsing-of-html-string-using-jquery – TAGraves Nov 05 '15 at 16:02
I don't want to add the html to my dom though @tagraves – Mia Nov 05 '15 at 16:13
What's the problem with your example then? – TAGraves Nov 05 '15 at 16:24
as you see it's not working properly, check the background-color part – Mia Nov 05 '15 at 16:25

Select DOM element from HTML string

1 Answers1