jquery - ボタンのJQuery追加機能

Question

jQueryのappend関数を使用してbutton.plzヘルプの後にボタンを追加したい

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

上記のコードは、テーブル内のテキストの後にボタンを追加するために使用されますが、ボタンの後にボタンを追加したい

Answer 1

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

また

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

---

.on()デリゲートが必要な理由

ボタンがあるため、ページの読み込み後にDOMに追加します。つまり、DOMの準備ができた後です。したがって、通常のバインディングはそこでは機能せず、デリゲート（別名、ライブ）イベントハンドラーが必要です。

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

しかし

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

次のような別のオプション.delegate()があります。

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