JQuery追加按钮功能

Question

我想使用JQuery追加功能在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);