tengo el consiguiente código pug:
section.text-overlap-img
article
.container
.row.justify-content-around
.col-md-5
.wrapper-img.bg-line-white.adjust-height
img(src="img/johan-cruyff.png")
.col-md-5
article
.container
.row.justify-content-around
.col-md-5
.wrapper-img.bg-line-white.adjust-height
img(src="img/ejemplo.png")
.col-md-5
Quisiera saber , como hacer que cada .wrapper-img coja la altura de su respectivo hijo en jquery, ahora lo que tengo es:
$(".text-overlap-img .wrapper-img").each(function(){
var imgHeight = $(".wrapper-img img").height();
$(".wrapper-img img").css({'height' : imgHeight });});
Y no me funciona para nada, me coge como altura la del primer elemento, y me la aplica la misma a todos los demás. Si me pudieráis ayudar os estaría super agradecido. Por cierto no me coje de forma automática la altura porque el img, esta con un position absolue, cosas de la maquetación...