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.
Here is the simple syntax to use this method:
selector.html( )
Here is the description of all the parameters used by this method:
NA
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="../../js/jquery-2.2.0.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="../../js/jquery-2.2.0.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>
Your Query was successfully sent!
