Add append prepand JQuery – T4Tutorials.com

Add append and prepand in JQuery

$(document).ready(function(){
    $("#aaa").click(function(){
        $("p").append(" <b>Appended text</b>.");
    });

    $("#bbb").click(function(){
        $("ol").append("<li>Appended item</li>");
    });
});

$(document).ready(function(){

$("#aaa").click(function(){

$("p").append(" <b>Appended text</b>.");

});

$("#bbb").click(function(){

$("ol").append("<li>Appended item</li>");

});

Try it

Add prepend() Method in jQuery

$(document).ready(function(){
    $("#aaa").click(function(){
        $("p").prepend("<b>Prepended text</b>. ");
    });
    $("#bbb").click(function(){
        $("ol").prepend("<li>Prepended item</li>");
    });
});