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

Question

[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')
}

Answer 1

[Владимир Проскурин]

$('.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

Comments

[apoca1ipsis]

Спасибо тебе, добрый человек!

Answer 2

[Stalker_RED]

var heights = []
$(чототам).each(function(){
  heights.push( $(this).height() ) // собрали со всех высоту
})

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

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

Comments

[apoca1ipsis]

Всем нельзя максимальную. За код спасибо! Сохраню себе!