1

Доброй ночи. Не получается построить скрипт, который определят элемент с самым большим offset().top

НА странице есть несколько элементов с классом "block_act" Я использую такую конструкцию, чтобы определить их все:

jQuery('.green_zone .block_act').each(function (index) { 
  console.log('OffsetTop: ' + jQuery(this).offset().top);
});

Но не знаю, как определить блок с Самым бОльшим оффсетом из них

1 ответ 1

4

var $lowestBlock,
    $blocks = jQuery('.green_zone .block_act'),
    blocksLength = $blocks.length,
    maxOffset = 0;

$blocks.each(function () {
  var $this = jQuery(this);
  var offset = $this.offset().top;
  
  if(offset > maxOffset) {
    maxOffset = offset;
    $lowestBlock = $this;
  }
});

$lowestBlock.css({ borderColor: 'green' });
.green_zone {
  position: relative;
}

.block_act {
  width: 100%;
  height: 10px;
  border: 1px solid red;
}

.block_act--needly {
  position: absolute;
  top: 70px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="green_zone">
  <div class="block_act"></div>
  <div class="block_act"></div>
  <div class="block_act"></div>
  <div class="block_act block_act--needly"></div>
  <div class="block_act"></div>
  <div class="block_act"></div>
</div>

5
  • Отлично! Благодарю, правда я немного под себя переписал ;)
    – berTalino
    6 мая 2018 в 20:12
  • @berTalino - это делать разрешается
    – user176262
    6 мая 2018 в 20:14
  • @berTalino, подрихтовать под свою инфраструктуру - это норм ) 6 мая 2018 в 20:14
  • Немного компактней вариант
    – Deonis
    6 мая 2018 в 20:56
  • @Deonis, предпочитай давать ответ в соответствии с тем синтаксисом который в вопросе, так как не все используют babel. Можно ещё сократить. 7 мая 2018 в 3:25

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.