Форум

gam0ra · #1 (**permalink**) 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 · #2 (**permalink**) 15.12.2014, 17:01

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

gam0ra · #3 (**permalink**) 15.12.2014, 17:08

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

рони · #4 (**permalink**) 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 · #5 (**permalink**) 15.12.2014, 19:23

Спасибо

Форум

Справочник

Discord чат

Курсы javascript