jQuery - html( ) Method


Advertisements


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="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      </script>
   
      <script type="text/javascript" language="javascript">
         $(document).ready(function() {
            var content = $("p").html();
            $("#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 will produce following result −


jquery-attributes.htm