Форум PHP программистов > Узнать высоту нескольких элементов

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Узнать высоту нескольких элементов

gam0ra

14.12.2014 - 21:19

Всем привет
Есть блоки див с классом .main_container
Вот через цикл php формирую стр так вот блоков с main_container много и высота у каждого своя так вот мне надо узнать их высоту я js знаю плохо и делаю как то так но не выходит


<div class="main_container">
Укаждого своя высота и она разная
</div>
<div class="main_container">
Укаждого своя высота и она разная
</div>


var mainContainer = $('div .main_container').css('height');
    for(obj in mainContainer){
        $('body').append(obj+' : '+mainContainer[obj]);
    }

Показывает это
0 : 91 : 92 : p3 : x

McLotos

15.12.2014 - 17:35

Цитата (gam0ra @ 14.12.2014 - 23:19)

<div class="main_container">
Укаждого своя высота и она разная
</div>
<div class="main_container">
Укаждого своя высота и она разная
</div>

Ну во-первых чтобы узнать высоту конкретного блока, нужно чтобы у него был уникальный id
А если нужно узнать высоту всех потомков body, то можно перебором, например

var parent = document.getElementById('parent');
for(i=0;i<parent.childNodes.length;i++)
{if(parent.childNodes.item(i).nodeName == 'DIV'){
console.log(parent.childNodes.item(i).style.width);
console.log(parent.childNodes.item(i).style.height);}
}

_____________
программирование - инструмент для решения конкретных задач, любая попытка спроектировать что-то универсальное приведет к провалу.©paul85
В любом случае тебе прийдётся пройти путь изобретения велосипеда, который прошли другие, только причиной твоего изобретения будет непонимание принципов работы велосипеда изобретённого другими людьми.©SlavaFr
jQuery это попытка использовать АН-225 для перевозки зубочистки

SerginhoLD

15.12.2014 - 18:06

var mainContainers = $('div.main_container');

mainContainers.each(function() {
    console.log($(this).heigth());
});

Быстрый ответ:

Здесь расположена полная версия этой страницы.