jQuery Tutorial Tutorials - jQuery .html() method

The .html() method in jQuery is used to get/set the HTML contents of matched element.

jQuery .html() method Syntax

.html()
.html(htmlString)
.html(function)

.html()

Get the HTML contents of the first matched element.

example

get the html contens of first paragraph.
HTML

<p>Learn <strong>jQuery</strong></p>
<p>Learn JavaScript</p>

jQuery

$("p").html();

Result

Learn <strong>jQuery</strong>

Try now

.html(htmlString)

Set the HTML contents of each matched elements.

example

Change the content of the container
HTML

<div id="container">
    <p>Learn JavaScript</p>
    <p>Learn jQuery</p>
    <p>Learn Python</p>
</div>

jQuery

$("#container").html('<h2>more tutorials on lautturi.com</h2>');

Result

<div id="container">
    <h2>more tutorials on lautturi.com</h2>
</div>

Try now

.html(function)

use function to set the HTML content

    $('p').html(function(index,oldHtml){
        return 'index:'+index+', old value:' +oldHtml;
    });

Try now