Как выбрать элементы с одинаковым .index()?

Question

[Дмитрий]

Здравствуйте. Есть функция для выравнивания высоты блоков по самому большому.

function setMaxHeight(elem) {
		    var $elem = $('.' + elem),
		        arrAllHeight = [],
		        maxHeight;
		    
		    $elem.each(function(){
		      arrAllHeight.push($(this).height());
		    });
		    
		    maxHeight = Math.max.apply(null, arrAllHeight);
		    
		    $elem.height(maxHeight);
		}

Но возник вопрос как сделать чтобы функция добавляла в массив arrAllHeight только элементы с одинаковым порядковым номером. То есть перед добавлением в массив их надо сортировать?

структура такая:

<ul class="list">
  <li class="listItem">Item_1</li>
  <li class="listItem">Item_2</li>
  <li class="listItem">Item_3</li>
  <li class="listItem">Item_4</li>
  <li class="listItem">Item_5</li>
</ul>
<ul class="list">
  <li class="listItem">Item_1</li>
  <li class="listItem">Item_2</li>
  <li class="listItem">Item_3</li>
  <li class="listItem">Item_4</li>
  <li class="listItem">Item_5</li>
</ul>

Ссылка
Нужно чтобы каждый n-й элемент списка выравнивался по самому высокому из них. То есть все li с индексом 0 были равны по высоте а все li c индексом 1 тоже равны но уже самому высокому из всех с индексом 1.
Подскажите как можно это сделать?

Comments

[OVK2015]

$('ul li:eq(n)') 1 <= n >= 5

[Дмитрий]

OVK2015: если честно не понял того что вы написали. Отдельно первую часть да а остальное нет и как связать их?

[OVK2015]

Дмитрий: Если правильно понял:

$('ul').find('li:eq(0)').css
			({
				'width' : $($('ul').find('li:eq(0)').toArray().sort(function(a, b)
					{
						a = parseInt($(a).css('width'));
						b = parseInt($(b).css('width'));
						return a < b ? 1 : -1;
					})[0]).css('width')
			});

[Дмитрий]

OVK2015: осталось проделать эту операцию для каждого ряда элементов с одинаковым индексом.
делал так codepen.io/ddimonn8080/pen/dpwAJE?editors=0010 но не работает

[OVK2015]

Дмитрий: Не работает, т.к. таким селектором
$('ul').find('li:eq(i)') ничего не найдет

for(counter = 0; counter < $('ul:eq(0) li').length; counter++)
			{
				$('ul').find('li:eq(' + counter + ')').css
				({
					'height' :
						$($('ul').find('li:eq(' + counter + ')').toArray().sort(function(a, b)
						{
							a = parseInt($(a).css('height'));
							b = parseInt($(b).css('height'));
							return a < b ? 1 : -1;
						})[0]).css('height')
				});
			}

Answer 1

[display: block]

Используй метод each