У меня есть документ:
<div class = "room">
<div class = "network">
<div class = "head button">Сеть</div>
<div class = "tail button my_btn">+</div>
</div>
</div>
При клике на div с классом my_btn мне нужно получить размеры родительского элемента div с классом network.
Код jQuery
$(".network").children(".my_btn").click( ListExpand );
function ListExpand( event ) {
var target = $(event.target)
var X = Math.floor(target.closest(".network").css("height"));
var Y = Math.floor(target.closest(".network").css("width"));
}
Проверяю значения из консоли, а там NaN и NaN соответственно. Подскажите, где ошибка или предложите свой вариант.
CSS:
.network{
height: auto;
width: auto;
}
.room{
background-color: #985f0d;
overflow: hidden;
width: auto;
margin: 0;
height: 300px;
border-radius: 30px;
border-style: solid;
border-color: black;
border-width: 3px;
padding: 5px;
}
.head{
height: 40px;
width: 100px;
border-style: solid;
border-width: inherit;
float:left;
}
.tail{
height: 40px;
width: 10px;
border-bottom-right-radius: 40px;
border-top-right-radius: 40px;
border-style: solid;
border-width: inherit;
float: left;
}
.button {
color: #fff; /* цвет текста */
text-decoration: none; /* убирать подчёркивание у ссылок */
user-select: none; /* убирать выделение текста */
background: rgb(212,75,56); /* фон кнопки */
padding: .7em 1.5em; /* отступ от текста */
outline: none; /* убирать контур в Mozilla */
}
.button:hover { background: rgb(232,95,76); } /* при наведении курсора мышки */
.button:active { background: rgb(152,15,0); } /* при нажатии */
.prokrutka {
position: absolute;
display:none;
float: left;
width: auto;
height:150px; /* высота нашего блока */
background: #fff; /* цвет фона, белый */
border: 1px solid #C1C1C1; /* размер и цвет границы блока */
overflow-x: scroll; /* прокрутка по горизонтали */
overflow-y: scroll; /* прокрутка по вертикали */
}
target.closest(".network").height()