How to get HTML content of an element using jQuery?

jQueryWeb DevelopmentFront End Technology

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>
raja
Published on 17-Dec-2017 19:48:48
Advertisements