How to change text inside an element using jQuery?


To change text inside an element using jQuery, use the text() method.

Example

You can try to run the following code to replace text inside an element:

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(){
  $('#demo').text('The replaced text.');
});
</script>
</head>
<body>

<div id="demo">
   <p>The initial text</p>
</div>

</body>
</html>

Updated on: 17-Dec-2019

6K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements