A repository of over 1000 quality jQuery plugins

jQuery .html()

Learn all about the jQuery function .html().

This method is not available on XML documents.

In an HTML document, .html() can be used to get the contents of any element. If the selector expression matches more than one element, only the first match will have its HTML content returned. Consider this code:

1
$( "div.demo-container" ).html();

In order for the following <div>‘s content to be retrieved, it would have to be the first one with class="demo-container" in the document:

1
2
3
<div class="demo-container">
<div class="demo-box">Demonstration Box</div>
</div>

The result would look like this:

1
<div class="demo-box">Demonstration Box</div>

This method uses the browser’s innerHTML property. Some browsers may not return HTML that exactly replicates the HTML source in an original document. For example, Internet Explorer sometimes leaves off the quotes around attribute values if they contain only alphanumeric characters.