Copyright © tutorialspoint.com

# jQuery - html( ) Method

# Description:

The html( ) method gets the html contents of the first matched element. This property is not available on XML documents but it works for XHTML documents.

# Syntax:

Here is the simple syntax to use this method:

    selector.html( )

## Parameters:

Here is the description of all the parameters used by this method:

- NA

# Example:

Following example would get HTML content of first paragraph and would display it in second paragraph. Please check description of html(val) method as well.

    <html>
    <head>
    <title>The Selecter Example</title>
    <script type="text/javascript" src="/jquery/jquery-1.3.2.min.js">
    </script>

    <script type="text/javascript" language="javascript">

       $(document).ready(function() {
          var content = $("p").html();
          $("p#pid2").html( content );
       });

    </script>
    <style>
      .red { color:red; }
      .green { color:green; }
    </style>

    </head>
    <body>

    <p class="green" id="pid1">This is first paragraph.</p>
    <p class="red" id="pid2">This is second paragraph.</p>

    </body>
    </html>

This would generate following result.

    <html>
    <head>
    <title>The Selecter Example</title>
    <script type="text/javascript" src="/jquery/jquery-1.3.2.min.js">
    </script>

    <script type="text/javascript" language="javascript">

       $(document).ready(function() {
          var content = $("p").html();
          $("p#pid2").html( content );
       });

    </script>
    <style>
      .red { color:red; }
      .green { color:green; }
    </style>

    </head>
    <body>

    <p class="green" id="pid1">This is first paragraph.</p>
    <p class="red" id="pid2">This is first paragraph.</p>

    </body>
    </html>

To understand it in better way you can Try it yourself.

Copyright © tutorialspoint.com