How to replace the content of an element using jQuery?

jQueryWeb DevelopmentFront End Technology

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>
raja
Published on 17-Dec-2017 21:09:42
Advertisements