javascript - 为什么我不能查询我刚刚通过 append() 添加的元素？

Question

为什么我不能查询我刚刚通过 append() 添加的元素？

$('body').append('<div id="testing"></div>');
if($("#testing").length == 0)
    alert("WTF!  Testing div should be there!");

是否有某种布局在 JS 完成运行之前不会发生？

我该如何解决这个问题？我可以调用其他方法来创建要立即使用的 dom 元素吗？

Answer 1

我会查看这段代码的执行位置。这是使用 jQuery(document).ready() 函数 block 运行的吗？我看不到你的完整代码。

当我遇到这样的事情时，通常是因为我的代码在 dom 准备好之前执行。请试试这个:

jQuery(document).ready(function(){
    $('body').append('<div id="testing"></div>');
    if($("#testing").length == 0){
        alert("WTF!  Testing div should be there!");
    }
});