Add prepend() Method in jQuery | Tryit Editor for Web Development
Edit This Code:
See Result »
<html> <head> <h1>Welcome To T4-Tutorials</h1> <h2>Add append() Method:</h2> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("#aaa").click(function(){ $("p").prepend(" <b>Appended text</b>."); }); $("#bbb").click(function(){ $("ol").prepend("<li>Appended item</li>"); }); }); </script> </head> <body> <p>Welocme</p> <p>Thanks For Your Love For T4-Tutorials</p> <ol> <li>Apple</li> <li>Banana</li> <li>Coffee</li> </ol> <button id="aaa">Append text</button> <button id="bbb">Append list items</button> </body> </html>
Result: