javascript - 如何使用 jQuery 选择器访问实际的 DIV？

Question

我有一个 div 动态填充了其他 div...

<div id="wrapper">

</div>

//javascript 
 for(//a bunch of times){
  var d = document.cloneNode('divModel');
  d.foo = {//bunch of stuff };
  document.getChildById('wrapper').appendChild(d) is applied later to fill in child divs
}

现在我想循环遍历包装器的子级并用 foo 做一些事情。

当我通过普通的 javascript 执行此操作时

document.getElementById('wrapper').childNodes[x].foo

这正如我所期望的

但是

$('#wrapper').each(function (i, element){
      console.log(element.foo); //foo here is undefined
})

导致一堆未定义的结果

所以...我猜测 jQuery 实际上是在处理我的 div 的一些内部包装器，而不是直接处理 div。我很好奇如何(或者如果可能)我可以访问此循环中的实际 div 以便访问我的自定义 foo。

编辑根据到目前为止您的所有回答(非常感谢您的时间)，我觉得我需要澄清，因为每个人似乎都错过了我的实际问题......我修改了上面的代码，使其更加明确。

我没有语法错误(在我的实际代码中)。 jQuery 正确地循环遍历包装器子项，它只是不返回实际子项 (div)，而是返回它们自己的版本，并且此自定义版本不包含我附加的 foo。

所以，我需要的是能够返回到实际的 dom 对象，而不是它周围的 jQuery 包装器。这可能吗？

Answer 1

您忘记了子项(以及前面提到的“#”):

$('#wrapper').children().each(function (i, element)...