jQuery arroja un error que element.find () no es una function

He escrito un pequeño JS para iterar a través de un set de elementos coincidentes y realizar algunas tareas en cada uno de ellos.

Aquí está el código:

var eachProduct = $(".item"); eachProduct.each(function(index, element){ var eachProductContent = element.find(".product-meta").clone(); }); 

Cuando el element log de console se produce correctamente y los objects exactos. ¿Por qué debería jquery lanzar este error?

4 Solutions collect form web for “jQuery arroja un error que element.find () no es una function”

porque el element es un elemento dom y no un object jQuery

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

Dentro del manejador de each() obtendrá la reference del elemento dom como el segundo parámetro, no una reference de object jQuery. Entonces, si quieres acceder a cualquier método jQuery en el elemento, entonces necesitas get los elementos jQuery wrapper object.

Está llamando a .find() en un object JS simple, pero esa function pertenece al object Jquery

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

Puede convertirlo en un object jquery envolviéndolo dentro de $() . Y para evitar este tipo de discrepancias, simplemente puede usar la reference $(this) lugar de usar otra.

debes cambiar "elemento" a "esto":

 var eachProduct = $(".item"); eachProduct.each(function(index, element){ var eachProductContent = $(this).find(".product-meta").clone(); }); 

Use $(this) para el Elemento actual

 var eachProductContent = $(this).find(".product-meta").clone(); 
  • La checkbox jQuery check no funciona con la segunda vez
  • nodo js que envía la request de publicación a través de jquery formulario de error de datos
  • ¿Por qué el evento de cambio no se dispara en selector.val (1234)?
  • Establecer un post de validation de campo requerido de HTML5 personalizado
  • shadowbox 3.0.3
  • Lea el contenido de un file de text cada 15 segundos
  • Eliminar annotations en videos de YouTube integrados
  • jQuery - Muestra el número de ocurrencias de divs
  • ¿Cómo agrego JavaScript a una vista ASP.NET MVC?
  • Precisión de jQuery / CSS al establecer / anular el color de background
  • ¿Dónde están almacenados los 'metadatos' manejadores de events adjuntos? En el object "DOM", o ...?
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.