无法在JQuery中与附加元素交互

Question

我有一个DIV元素。

<div id="testButton"> Test Button </div>

我要点击它，然后另一个元素将被附加到另一个DIV元素

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

$("#testDiv").append('<div id="test">Test</div>');

});

现在我想在附加元素上Click隐藏第一个元素。

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

$("#testButton").hide();
});

但这不起作用......

Answer 1

只要元素在将事件处理程序附加到它时就不存在 - 它就不起作用。

您可以改用此解决方案：

$(document).on('click', '#test', function() {
    $("#testButton").hide();
});

或者，如果页面上已经有某个特定的块 - 您可以使用更具体的选择器，如

$('#testDiv').on('click', '#test', function() {
    $("#testButton").hide();
});