SO - HTML data to DOM

http://stackoverflow.com/q/8493271/1011582

by dzejkej

JavaScript

var text = '<?xml version="1.0" encoding="ISO-8859-1" ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><title>Test</title></head><body><div>Text1</div><div class="cls">Text2</div></body></html>';
    
// get the content of the body tags
var body = $(text.match(/<body[\s\S]*?>([\s\S]*?)<\/body>/i)[1]);

// append the content to our DOM
body.appendTo('body');

// bonus - to use find also on top elements we need to add single parent
var findBody = $("<body />").html(body.clone());

// now we are able to use selectors and have fun
findBody.find("div.cls").appendTo('body');