jquery - 无法与 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();
});