javascript - jQuery 抛出 element.find() 不是函数的错误

Question

我编写了一个小的 JS 来遍历一组匹配的元素并对它们中的每一个执行一些任务。

代码如下:

var eachProduct = $(".item");

eachProduct.each(function(index, element){

                var eachProductContent = element.find(".product-meta").clone();
});

当我控制日志 element 时，它会正确输出准确的对象。为什么 jquery 会抛出这个错误？

Answer 1

因为 element 是一个 dom 元素而不是 jQuery 对象

var eachProductContent = $(element).find(".product-meta").clone();

在 each() 处理程序中，您将获得 dom 元素引用作为第二个参数，而不是 jQuery 对象引用。因此，如果您想访问元素上的任何 jQuery 方法，则需要获取元素 jQuery 包装器对象。