Javascript 在append()之后按类查找元素

Javascript 在append()之后按类查找元素,javascript,jquery,html,jquery-selectors,Javascript,Jquery,Html,Jquery Selectors,我有以下代码: $('body').append("<div class='foo'></div>"); var test = $('.foo'); $('body')。追加(“”); var测试=$('.foo'); 我找不到foo。我在这里做错了什么?包装到Document ready函数中。您需要首先找到文档准备就绪,然后执行操作 $(document).ready(function() { $('body').append("<div class='

我有以下代码:

$('body').append("<div class='foo'></div>");
var test = $('.foo');
$('body')。追加(“”);
var测试=$('.foo');

我找不到
foo
。我在这里做错了什么?

包装到Document ready函数中。您需要首先找到文档准备就绪,然后执行操作

$(document).ready(function() {
  $('body').append("<div class='foo'></div>");
  var test = $('.foo');
  //do something here
});
$(文档).ready(函数(){
$('body')。追加(“”);
var测试=$('.foo');
//在这里做点什么
});

这是有效的:。您是否检查了控制台中代码中其他地方的错误?它工作得非常好,我想是时候用
$(document).ready(function(){…code…})来包装代码了@JqueryKing和/或在此代码之前未将jQuery的脚本包含到页面:)@stefan-\How您确定在Dom中找不到$(.foo)吗