javascript - 附加到动态内容

Question

我有一组具有相同类名的动态创建的 div。现在我想将一个全新的 div 附加到上述所有 div 中。

假设类名是 extra-upper-block

在我的页面末尾我有这个代码

<script>
    //function call to load dynamic content
</script>
<script>
    $('.extra-upper-block').append('<div>New Div</div>');
</script>

这会在 Chrome 的控制台中引发错误

Uncaught TypeError: undefined is not a function  

但是当页面加载后在chrome的控制台中执行这段代码时，它就可以工作了! 为什么即使我在执行追加命令之前加载动态内容，它也不起作用。帮忙？

Answer 1

使用 jQuery 类选择器。

$(document).ready(function(){
    $('.extra-upper-block').append('<div>New Div</div>');
});

将您的代码封装在 $(document).ready() 中，以便 jQuery 获取可用的元素，并包含 jQuery 文件引用。

注意:.append()方法是jQuery的一部分。

Demo