How to get the value of div content using jQuery
How to get the value of div content using jQuery
In this tutorial, you will be learning how to get the value of div content using jquery.
We are going to Get the value with jQuery text() method and html() method as given below example:
<!DOCTYPE html>
<html lang="en">
<head>
<title>How to get value of div content using jQuery</title>
</head>
<body>
<div id="divContent">
This is a div Tag
<h5>This is a Heading Tag</h5>
<p>This is a paragrah Tag</p>
</div>
<button type="button" id="myButton">Click Me</button>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function () {
$('#myButton').click(function (e) {
e.preventDefault();
var div_content_text = $('#divContent').text(); //text() Method
alert(div_content_text);
var div_content_html = $('#divContent').html(); //html() Method
alert(div_content_html);
});
});
</script>
</body>
</html>
Thanks for reading.