Question

i want to use JQuery append function to append a button after a button.plz help

var button = $("<button>Hi there</button>");
button.click(function() {
    alert("Hi back!");
});
button.appendTo("#tablecell");

the above code is used to append a button after some text in a table.but i want to append button after a button

Answer 1

var button = $("<button>Hi there</button>");
$("#tablecell").on('click', button, function() {
    alert("Hi back!");
});
button.insertAfter("#tablecell");

or

 $('#tablecell').insertAfter(button);

---

Why You need .on() delegate

Because your button, append to DOM after page load that means after DOM ready. So ordinary binding will not work there and you need delegate (aka, live) event handler.

$(target).on(eventName, handlerFunction) // for ordinary binding

but

$(container).on(eventName, target, handler) // for delegate binding

you’ve another option .delegate() which looks:

$(container).delegate(target, eventName, handlerFunction);