JSFiddle - React, Tailwind, and code Playground

by Johan Muller

HTML

<a href="#" rel="hello">1<br/>1<br/>1<br/></a>
<a href="#" rel="hello">1</a>
<a href="#" rel="hello">1</a>

<a href="#" rel="world">1</a>
<a href="#" rel="world">1</a>

<a href="#" rel="detection">1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/></a>
<a href="#" rel="detection">1</a>
<a href="#" rel="detection">1</a>
<a href="#" rel="detection">1</a>
<a href="#" rel="detection">1</a>

<a href="#" rel="yandex">1<br/>1<br/>1<br/>1<br/>1<br/>1<br/></a>

<a href="#" rel="yandex1">1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>1<br/></a>
<a href="#" rel="yandex1">1</a>
<a href="#" rel="yandex1">1</a>

<a href="#">1<br/>1<br/></a>
<a href="#">1</a>
<a href="#">1</a>
<a href="#">1</a>

CSS

a {
    display: block;
    float: left;
    vertical-align: top;
    background: red;
}

JavaScript

var obj = 'a';
var diff = [];

$.each($(obj), function(ind,elm){
    var rel = elm.getAttribute('rel');
    if (diff.indexOf(rel) === -1) { diff.push(rel); }
});

$.each(diff, function(ind,elm){
    var oldH=0;
    $(obj+'[rel="'+elm+'"]').each(function(){
       var newH =  $(this).outerHeight();
       if (newH>oldH) { oldH = newH; }
    }).css('min-height',oldH);
});