Replace Content of an Element using jQuery



To replace the content of an element using jQuery, use the text() method.

Example

You can try to run the following code to replace content inside a div:

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

<div id="demo">
   <div class="test"></div>
   <p>The initial text</p>
</div>
<button id="button1">Replace Text</button>

</body>
</html>
Updated on: 2019-12-17T08:12:34+05:30

569 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements