Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Узнать высоту нескольких элементов (https://javascript.ru/forum/misc/52354-uznat-vysotu-neskolkikh-ehlementov.html)

gam0ra 15.12.2014 16:31

Узнать высоту нескольких элементов
 
Всем привет
Есть блоки див с классом .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
Помогите найти высоту каждого блока?

skrudjmakdak 15.12.2014 17:01

console.log($('selector').height());

gam0ra 15.12.2014 17:08

Ну так у меня много div'ов div .main_container и у каждого своя высота надо в цыкле пройтись и у каждого свою высоту вытащить

рони 15.12.2014 17:09

gam0ra,
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
     $(function(){
       var s = $(".main_container"), height = 0, arr = [];
       s.each(function(indx, element){
           arr[indx] = $(this).height()
           height+= arr[indx] ;
            });
    alert(height+'\n'+arr)
});


  </script>
</head>

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

</html>

gam0ra 15.12.2014 19:23

Спасибо


Часовой пояс GMT +3, время: 14:30.