@apoca1ipsis

Как сравнить несколько?

Вечер добрый. Подскажите пожалуйста по js такой вопрос. Как это сделать, чтобы каждый раз не сравнить row1,2,3, их количество неизвестно будет ?
<div class="rows left">
        <div class="row row1"></div>
        <div class="row row2"></div>
        <div class="row row3"></div>
    </div>
    <div class="rows right">
        <div class="row row1"></div>
        <div class="row row2"></div>
        <div class="row row3"></div>
    </div>


.row1,2,3 задаются кодом
$('.rows').each(function () {
        $('.row', this).each(function (i) {
            $(this).addClass('row' + (i + 1))
        })
    })


Мне надо сравнить высоту row с .left и .right
if ($('.left .row2').height() < $('.right .row2').height()) {
    $('.left .row2').css('height', $('.right .row').height() + 'px')
} else {
    $('.right .row2').css('height', $('.left .row').height() + 'px')
}
  • Вопрос задан
  • 85 просмотров
Решения вопроса 1
Vlad_IT
@Vlad_IT Куратор тега JavaScript
Front-end разработчик
$('.rows.left .row').each(function(ind, el) {
  var $left = $(el);
  var $right = $('.rows.right .row').eq(ind);
	if ($left.height() < $right.height()) {
    $left.css('height', $right.height() + 'px')
  } else {
      $right.css('height', $left.height() + 'px')
  }
});

jsfiddle.net/7mqje6z9
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Stalker_RED
@Stalker_RED
var heights = []
$(чототам).each(function(){
  heights.push( $(this).height() ) // собрали со всех высоту
})

var maxHeight = Math.max(heights) // магия!!!

$(чототам).each(function(){
  $(this).css('height', maxHeight) // проставили всем максимальную
})
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы