Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] Najwięszka wysokość diva o tej samej klasie
bahh
post
Post #1





Grupa: Zarejestrowani
Postów: 261
Pomógł: 2
Dołączył: 13.05.2012

Ostrzeżenie: (0%)
-----


Mam z 10 divów w której są różnej wysokości (nie zdefiniowanej). Każdy z nich ma tą samą klasę. Chcę ustalić, który z nich ma największą wysokość i ile ona wynosi.

Spróbowałem za pomocą $(".klasa").height() ale podało zupełnie niezgodną wartość ujemną. Ma ktoś pomysł?


Ogólnie mam głównego diva o wysokości 50%. W niej są te divy o wysokości różnej wysokości o klasie .klasa gdzie chcę je wycentrować pionowo ale względem najwyższego diva o klasie .klasa. Stąd mój pomysł by za pomocą jquery wyciągnąć wysokość najwyższego diva o klasie .klasa i ustawić ją wszędzie a następnie próbować centrować taki div.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 9)
kapslokk
post
Post #2





Grupa: Zarejestrowani
Postów: 965
Pomógł: 285
Dołączył: 19.06.2015
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


  1. var max = 0;
  2. $('.klasa').each(function(){
  3. if($(this).height() > max){
  4. max = $(this).height();
  5. }
  6. });
  7. $('.klasa').height(max);
Go to the top of the page
+Quote Post
trueblue
post
Post #3





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


Pokaż kawałek kodu html z divem divami.klasa i css.
Go to the top of the page
+Quote Post
bahh
post
Post #4





Grupa: Zarejestrowani
Postów: 261
Pomógł: 2
Dołączył: 13.05.2012

Ostrzeżenie: (0%)
-----


Kapslok, zwraca "[a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a.close, a, a, prevObject: n.fn.init[1], context: document, selector: "#mainmenu .menu-item a"]" a samo max ma wartość 0
Go to the top of the page
+Quote Post
kapslokk
post
Post #5





Grupa: Zarejestrowani
Postów: 965
Pomógł: 285
Dołączył: 19.06.2015
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


https://jsfiddle.net/n9ctzfkb/
Mi działa (IMG:style_emoticons/default/tongue.gif)

Pokaż swój kod.

Ten post edytował kapslokk 24.09.2015, 08:44:07
Go to the top of the page
+Quote Post
bahh
post
Post #6





Grupa: Zarejestrowani
Postów: 261
Pomógł: 2
Dołączył: 13.05.2012

Ostrzeżenie: (0%)
-----


https://jsfiddle.net/ru4gnmay/
Go to the top of the page
+Quote Post
kapslokk
post
Post #7





Grupa: Zarejestrowani
Postów: 965
Pomógł: 285
Dołączył: 19.06.2015
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


w konsoli mi się loguje '168'. Jedyny problem jest taki, że w fiddlu nie zaznaczyłeś, że ma includować jquery.
Go to the top of the page
+Quote Post
Comandeer
post
Post #8





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


A może pójść w coś takiego https://jsfiddle.net/Comandeer/n9ctzfkb/1/ ?
Go to the top of the page
+Quote Post
bahh
post
Post #9





Grupa: Zarejestrowani
Postów: 261
Pomógł: 2
Dołączył: 13.05.2012

Ostrzeżenie: (0%)
-----


Niestety odpada, powyżej podałem stronę, gdzie widać dokładnie całego markupa
Go to the top of the page
+Quote Post
Comandeer
post
Post #10





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


Pierwsze skojarzenie: flexbox. Poszukałbym w nim jakiegoś rozwiązania.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 23.08.2025 - 18:55