How to get HTML content of an element using jQuery?


To get HTML content of an element using jQuery, use the html() method. The html() method gets the html contents of the first matched element.

Example

You can try to run the following code to get HTML content of an element using jQuery:

Live Demo

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#button1").click(function(){
    var res = $('#demo').html();
    alert(res);
  });
});
</script>
</head>
<body>

<div id="demo"> This is <b>demo</b> text.
</div>
<button id="button1">Get</button>
</body>
</html>

Updated on: 17-Dec-2019

16K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements