Convert raw html to html

I have this source

<div class="page"><h2>First Page </h2></div>

How can I convert it to html and use selector like $('.page') ? I tried to assign above string to a variable then use html() it doesn't work.

asked Jan 10, 2017 at 8:29

3

You can parse your string in HTML, after that if you look the object returned, there's a data property on the first row who contain the html string with good format.

EDIT

You can get HTML object properties without append it to the DOM. Check my edited code.

var test = '<div class="page"><h2>First Page </h2></div>';
var testHTML = $.parseHTML(test);
var elemHTML = $(testHTML[0].data);

console.log(elemHTML.text());

You can try this :

var test = '<div class="page"><h2>First Page </h2></div>';
var testHTML = $.parseHTML(test);
$("body").html(testHTML[0].data);
$(".page").css("color","blue");

//Without append element in the DOM
var elemHTML = $(testHTML[0].data);

console.log(elemHTML.text());

//For count number of element you can use a container without append it to the DOM

var container=$("
");
container.append(elemHTML);
console.log(container.find(".page").length);

.page{
 color:red; 
}

answered Jan 10, 2017 at 8:36

AlexisAlexis

5,5411 gold badge28 silver badges43 bronze badges

10

See comments, first we have to process the entities, then use the result as HTML:

// The string
var str = '<div class="page"><h2>First Page </h2></div>';
// A wrapper element to put it in
var wrapper = $("");
// Process the character entities
wrapper.html(str);
str = wrapper.text();
// Convert the resulting HTML to a structure
wrapper.html(str);
console.log("Text of .page: ", wrapper.find(".page").text());

That's verbose for clarity; here's the concise version:

var str = '<div class="page"><h2>First Page </h2></div>';
var wrapper = $("");
wrapper.html(wrapper.html(str).text());
console.log("Text of .page: ", wrapper.find(".page").text());

answered Jan 10, 2017 at 8:36

T.J. CrowderT.J. Crowder

980k180 gold badges1823 silver badges1798 bronze badges

4

You can use following script for this

$('.page').html('<div class="page"><h2>First Page </h2></div>');

or

var htmlString = '<div class="page"><h2>First Page </h2></div>';
$('.page').html(htmlString);

Jquery automatically convert it to html

answered Jan 10, 2017 at 8:36

Super UserSuper User

9,2283 gold badges30 silver badges47 bronze badges

1

RAW to HTML Converter

Batch convert raw files to html online. Change raw to html on Windows, Mac, iPhone and Android in 2 clicks.

Select files for conversion or drag and drop them to the upload area.
Your files are securely protected and available only to you.
All files are automatically deleted from our servers after 1 hour.

Upload RAW-file

Click "Choose File" button to select a raw file on your computer. RAW file size can be up to 100 Mb.

Convert RAW to HTML

Click "Convert" button to start conversion.

Download your HTML

When the conversion process is complete, you can download the HTML file.

FAQ

• ❓ How can I convert RAW to HTML?

  First you need to add file for conversion: drag and drop your RAW file or click the "Choose File" button. Then click the "Convert" button. When RAW to HTML conversion is completed, you can download your HTML file.

• ⏱️ How long does it take to convert RAW to HTML?

  Image conversion is pretty fast. You can change RAW to HTML in a few seconds.

• 🛡️ Is it safe to convert RAW to HTML on AnyConv?

  Of course! We delete uploaded files immediately, and converted ones after 1 hour. No one has access to your files. File conversion (including RAW to HTML) is absolutely safe.

• 💻 Can I convert RAW to HTML on Mac OS or Linux?

  Yes, you can use AnyConv on any operating system that has a web browser. Our RAW to HTML converter works online and does not require software installation.

Popular image conversions

How do I convert plain text to HTML?

How do I convert a file to HTML?

Can I convert HTML to HTML5?

How do I convert Word to HTML format?