Как узнать размеры родителя элемента, если они заданы в процентах?

Question

[Владислав]

День добрый.
Надо узнать размеры родителя картинки, но родитель - это слайд slick-слайдера:

.slick-track .slick-slide.main-slider-item {
    display: block;
    height: 100%;
    width: 100vw;
}

Размеры картинки выводятся так:

var rThisWidth = rThis.get(0).naturalWidth;
var rThisHeight = rThis.get(0).naturalHeight;

, где rThis = картинка.
Пытаюсь делать так, но не помогает:

var rParentWidth = rThis.parent().width();
var rParentHeight = rThis.parent().height();

Выводит 0*0, хотя родителя находит.
Возможно это из-за того, что размеры указаны не явно.
Мне нужно сравнить размеры картинки и родительского блока, но как найти размеры родителя в пикселях?

Comments

[Absolute138]

А того ли родителя находит?
console.log( rThis.parent()[0].className )

Answer 1

[Danny Arty]

Можно через closest

var rParentWidth = $('.класс-картинки').closest('.класс-блока-родителя').width();
var rParentHeight = $('.класс-картинки').closest('.класс-блока-родителя').height();

Comments

[Владислав]

Вопрос не в том, как найти родителя. Это не проблема. Родитель находится верно. Как найти его размеры?

[Danny Arty]

Владислав, вы код читали?

var rParentWidth = $('.класс-картинки').closest('.класс-блока-родителя').width();
var rParentHeight = $('.класс-картинки').closest('.класс-блока-родителя').height();

[Владислав]

Danny Arty, а чем это отличается от моего кода? Мне же нужно универсальное решение не для конкретных классов, а для любой картинки с атрибутом [data-cover] и её родителя. Не какого-то более высокого уровня родителя closest() с определённым классом, а непосредственного родителя parent() с неизвестным классом.
Поэтому я использую:

$('[data-cover]').each(funtion(){
var rThisWidth = $(this).get(0).naturalWidth; //считает
var rThisHeight = $(this).get(0).naturalHeight; //считает

var rParentWidth = $(this).parent().width(); //выводит 0
var rParentHeight = $(this).parent().height(); //выводит 0
})

[Danny Arty]

Владислав,
пример со значением высоты, с шириной думаю дальше разберетесь