How to replace only text inside a div using jQuery?



To replace only text inside a div using jQuery, use the text() method.

Example

You can try to run the following code to replace text 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').html('Demo text');    }); }); </script> </head> <body> <div id="demo">This is it!</div> <button id="button1">Replace</button> </body> </html>
Updated on: 2019-12-17T07:20:12+05:30

5K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements