Me gustaría saber el tamaño de cada elemento que tiene la clase .zonaDropeo, para más tarde modificar su height. La cosa es que cuando recupero el id del primer elemento de la colección de elementos con la clase .zonaDropeo, sí me permite saber su width, pero cuando recorro cada elemento de la colección y a accedo a cada uno de ellos para saber su ancho, me da error.
Me funciona así:
zonaDropeo = $("#zonaDropeo1")
tamaño = zonaDropeo.width();
console.log(tamaño)
Pero me deja de funcionar así:
var zonasDropeo = $(".zonaDropeo");
zonasDropeo.each(function(){
elemento = this;
tamaño = elemento.width();
console.log(tamaño)
})
//O de ésta forma:
for (var i=0; i<zonasDropeo.length; i++){
var elemento = zonasDropeo[i];
var tamaño = elemento.width();
console.log(tamaño);
}
Y otra consulta más: por qué cuando recupero el id del elemento con JQuery y luego aplico el método .width() sí funciona pero en cambio cuando recojo el elemento utilizando código Javascript no?
De ésta forma me da error:
zonaDropeo = document.getElementById("zonaDropeo1")
tamaño = zonaDropeo.width();
console.log(zonaDropeo)
¿No se puede utilizar una función propia de la librería de JQuery a un elemento llamado con código Javascript?