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
– Jrey, Commented Nov 2, 2015 at 3: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
– Mia, Commented Nov 2, 2015 at 4:05

TAGraves · Accepted Answer · 2015-11-01 23:56:04Z

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 1, 2015 at 23:56

answered Nov 1, 2015 at 23:37

TAGraves

1,4091 gold badge10 silver badges11 bronze badges

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

12 Comments

Mia Over a year ago

I used the example above.

TAGraves Over a year ago

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 Over a year ago

OK, try what I have now.

Mia Over a year ago

I realized that removing the .parseHTML still makes it work

Mia Over a year ago

I mean directly using $(htmlString)

|

Collectives™ on Stack Overflow

Select DOM element from HTML string

1 Answer 1

12 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

12 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related