javascript - 无法使用 jquery 选择新创建的对象

我使用 jquery 已经有一段时间了，所以我在这方面遇到了问题，这让我很尴尬。我创建了一个新元素，但我无法使用 jquery 选择它，我该怎么办？这是我用来创建元素的 javascript

$('<div id="test">blah</div>').insertAfter('#ref');

html是

<html>
<head>
</head>
<body>
<div id="ref"></div>
</body>
</html>

然后我试了一下

$('#test').click(function(){
    $(this).remove();
});

但它不起作用...我需要帮助

最佳答案

这是一个 JSFiddle，显示您的代码有效:http://jsfiddle.net/YqEMa/

您可能没有将 Javascript 放在 jQuery“文档就绪”处理程序中。像这样包装你的 Javascript:

$(function() {
    $('<div id="test">blah</div>').insertAfter('#ref');
    $('#test').click(function() {
        $(this).remove();
    });
});

这将确保在您的 Javascript 运行之前加载 DOM。

另外，当然你应该确保你的脚本在<script>内标签。

关于javascript - 无法使用 jquery 选择新创建的对象，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8624130/